Un nouveau template responsive design pour mon Blogger Blog

PARTAGER:

A l’instar de mon collègue Coreight, j’ai finalement décidé de faire légèrement évoluer le thème de mon blog. Accédant parfois à mon blog depuis mon Smartphone et ma tablette je reste souvent sur ma faim quant au résultat affiché sur les appareils mobiles. Or, ce type d’équipements c’est supposé être l’avenir d’internet (même si à ce jour, de mon point de vue, ça ne vaut pas encore ni l’ergonomie, ni le confort et encore moins la productivité que confère l’ordinateur), et je constate d’ailleurs que mon blog est de plus en plus visité depuis ce types d’appareils.

A l’instar de mon collègue Coreight, j’ai finalement décidé de faire légèrement évoluer le thème de mon blog. Accédant parfois à mon blog depuis mon Smartphone et ma tablette je reste souvent sur ma faim quant au résultat affiché sur les appareils mobiles. 

Or, ce type d’équipements c’est supposé être l’avenir d’internet (même si à ce jour, de mon point de vue, ça ne vaut pas encore ni l’ergonomie, ni le confort et encore moins la productivité que confère l’ordinateur), et je constate d’ailleurs que mon blog est de plus en plus visité depuis ce type d’appareils.

image   Version PC de Crack-net

image
Version mobile de Crack-net



Fort de ce constat, il n’y avait plus qu’à…. Plus qu’à?
  • Utiliser les versions mobiles par défaut de blogger… Assez limité en terme de design et de fonctionnalité ou alors il faut codouiller… Pas envie ;-)
  • Me débrouiller pour optimiser la version mobile de mon template… Humhum… J’aurais plus vite fait de trouver un template avec une chouette version mobile…
  • Utiliser un template qui s’adapte de manière optimale à tous les appareils : ordinateurs, Smartphones, tablettes, Web TV… On parle ici de Responsive design ou, dixit Wikipédia, de site web adaptatif.
N’en déplaise à ses détracteurs, Blogger est une plateforme de blog solide et très souple à la fois, autorisant tout le nécessaire et suffisant pour bloguer de manière optimale à condition de mettre parfois les doigts et les neurones dans le code. La communauté utilisant cette plateforme est très réactive et à l’affut de toutes les mises en œuvre techniques susceptibles de compenser ses quelques lacunes. Aussi, on peut facilement trouver en ligne des Templates de qualité, gratuits et payants, “SEO friendly”, au même titre que pour WordPress ou Joomla. Il en va de même pour ce qui est des widgets et autres scripts même s’il en coutera parfois quelques minutes/heures de débogage.

Aussi, après quelques recherches et après avoir abandonné l’idée de coder moi même( car pas assez compétent), j’ai trouver quelques Templates qui répondaient à mes critères :
  • Responsive et s’adaptant à n’importe quelle résolution d’écran
  • Personnalisable
  • Au moins aussi rapide à charger que son prédécesseur
  • Esthétique (c’est relatif)
  • Gratuit
J’ai opté pour le template MyExtraNews made in Indonesia, codé par le webmaster de MKR et qui correspondait au cahier des charges. Un peu de customisation, de widgetisation et de caféine et j’ai pu l’adapter à mes besoins en reprenant même les éléments de bases de l’identité graphique du précédent Template. Il reste encore quelques détails à régler mais ma personnalisation du Template est fonctionnelle comme vous pouvez le constater.

Vous pouvez réduire la taille de la fenêtre de votre navigateur pour voir la réactivité et l’adaptabilité du design à la résolution de l’écran.

Le rendu visuel est assez classique (c’est dans les vieux pot qu’on fait les meilleures…) et à l’exception de la page d’accueil et de son widget  qui met en évidence certains articles choisis, vous ne serez pas trop dépaysés.

Maintenant à vous de me dire ce que vous en pensez.

COMMENTAIRES

BLOGGER: 11
Loading...

Blog geek

Crack-net est un blog Geek, pour les Geeks et autres Nerds mais aussi pour la ménagère, l'enseignant, l'étudiant, l'ouvrier ou le cadre.... Pour quiconque atterrira sur ces pages
Nom

accessoire,7,actualité,62,addon,10,Adsence,8,adwcleaner,2,Amazon,2,android,52,androïd,3,antivirus,12,Apple,19,application,65,arnaque,7,art,18,Article sponsorisé,3,astuce,97,bd,6,billet d'humeur,33,Blog geek,1,blogger,34,BLOGGING,44,bon plan,9,bug,8,bureatique,2,bureautique,3,chrome,22,cinema,17,cloud,3,CMS,3,concours,6,Crack-net story,34,découverte,3,dell,1,design,4,développement durable,2,dropbox,1,ebook,1,education,46,emploi,3,enquête,2,evernote,1,extension,14,facebook,32,firefox,11,Flash,4,foot,1,free,3,gadget,2,gagner de l'argent,12,geek,64,geekeries,12,gmail,14,google,32,gps,2,gratuit,120,html,5,humour,30,image,30,immobilier,3,infographie,70,Insolite,20,internet,59,iPad,6,iphone,54,itunes,7,jeux video,27,joomla,1,Lecture,2,linux,6,liste,1,logiciel,59,logo,4,mac,3,mail,19,manga,6,marketing,9,meilleurs sites,3,messenger,1,microsoft,7,mobile,13,monetiser,13,mp3,3,musique,14,nomade,1,office,6,outlook,1,p2p,1,PC,55,pdf,11,photo,43,photoshop,6,playstation,1,podcasts,2,pratique,13,publicité,15,referencement,6,référencement,2,rese,1,Réseaux sociaux,57,rumeur,2,samsung,5,samsung galaxy s2,9,sécurité,26,seo,12,séries,15,service web,116,skype,1,smartphone,47,sport,2,streaming,6,tablette,4,Tchat,1,téléchargement,24,telephone,7,téléphonie,13,template,6,test,3,torrent,3,travail,2,troll,3,Tuto,104,tv,9,twitter,47,video,56,wallpaper,5,webmaster,42,widget,4,wifi,2,windows,42,wordpress,9,youtube,20,
ltr
item
Crack-net: Un nouveau template responsive design pour mon Blogger Blog
Un nouveau template responsive design pour mon Blogger Blog
A l’instar de mon collègue Coreight, j’ai finalement décidé de faire légèrement évoluer le thème de mon blog. Accédant parfois à mon blog depuis mon Smartphone et ma tablette je reste souvent sur ma faim quant au résultat affiché sur les appareils mobiles. Or, ce type d’équipements c’est supposé être l’avenir d’internet (même si à ce jour, de mon point de vue, ça ne vaut pas encore ni l’ergonomie, ni le confort et encore moins la productivité que confère l’ordinateur), et je constate d’ailleurs que mon blog est de plus en plus visité depuis ce types d’appareils.
http://lh4.ggpht.com/-yrk45R3OFCQ/UUYr3ZFITFI/AAAAAAAAC-4/uLSktzidQMs/image_thumb%25255B14%25255D.png?imgmax=800
http://lh4.ggpht.com/-yrk45R3OFCQ/UUYr3ZFITFI/AAAAAAAAC-4/uLSktzidQMs/s72-c/image_thumb%25255B14%25255D.png?imgmax=800
Crack-net
http://www.crack-net.com/2013/03/nouveau-template-responsive-design-pour-blogger.html
http://www.crack-net.com/
http://www.crack-net.com/
http://www.crack-net.com/2013/03/nouveau-template-responsive-design-pour-blogger.html
true
3471367308829404027
UTF-8
Loaded All Posts Not found any posts VOIR TOUT Lire la suite Repondre Annuler la reponse Effacer Par Home PAGES ARTICLES Tout Voir JE VOUS RECOMMANDE LABEL ARCHIVE RECHERCHE ALL POSTS Not found any post match with your request Retour Home Dimanche Lundi Mardi Mercredi Jeudi Vendredi Samedi Dim Lun Mar Mer Jeu Ven Sam Janvier Fevrier Mars Avril Mai Juin Juillet Aout Septembre Octobre Novembre Decembre Jan Fev Mar Avr Mai Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Hier $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow CONTENU PREMIUM SVP Partager pour deverrouiller Copier tout le code Sélectionner tout le code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy