Comment créer une version mobile de son blog en 3 clics [tutoriel Blogspot / Blogger]

Web mon mardi ! Pendant les vacances les lecteurs ont tendance à déserter les blogs  et c'est normal : avec les beaux jours, on a rarement envie de se coller derrière un pc pour surfer. Par contre, pour les accros du net, difficile de résister à l'envie de passer sur les réseaux sociaux et ses blogs préférés depuis un smartphone ou une tablette quand on a un petit moment.

Depuis la mienne il m'arrive souvent de tomber sur des blogs que je ne peux pas bien lire à cause d'un souci d'affichage ou alors impossible de commenter même sans captchas.

Alors qu'il suffit d'une simple manip sur Blogger / Blogspot pour permettre d'afficher une version mobile de son blog ! 

Evidemment ce n'est pas aussi abouti que si c'était une version créée par un vrai webmaster, mais pour nous les geeks du dimanche mardi, ce sera largement suffisant. D'ailleurs c'est tellement simple que pour cette fois-ci, je vous fais une dispense de cahier et de crayon (Holidaaaaays, celebraaaaate ♫♪♩♬)


L'assistant a cru que c'était tuto "Mèches & Laque" aujourd'hui...
Je lui ai donné sa journée sinon ses cheveux allaient me déconcentrer.

____________________________


La marche à suivre :


NB : Avant de faire une modification de mise en page, il vaut mieux penser à enregistrer une copie de son blog, comme ça, si le résultat ne plaît pas ou en cas de fausse manip, on peut revenir en arrière sereinement. Le tutoriel > Sauvegarder son blog.


A partir du panneau de configuration de Blogger, en bas à gauche on clique sur "Modèle".
Sur la page qui s'affiche on a d'un côté l'affichage standard du blog et à droite la version mobile. Pour faire le paramétrage, il suffit de cliquer sur la petite roue qui se trouve juste en-dessous.




Dans la fenêtre qui s'ouvre, on choisit "Oui, afficher le modèle mobile sur les mobiles". On peut ensuite cliquer sur "Enregistrer" si on veut garder le même thème (couleurs, polices) que la version standard ou si on veut un modèle spécifique pour les mobiles, on peut cliquer sur le menu déroulant pour faire son choix.




En cliquant sur les flèches on a une petite idée du rendu au niveau couleurs, mais en cliquant sur "Aperçu" on obtient une "simulation" comme si on consultait le blog depuis un smartphone, comme ci-dessous. On peut même descendre jusqu'en bas de la page grâce au curseur.

Une fois qu'on a fait son choix, il ne reste plus qu'à cliquer sur "Enregistrer".






Et voilà le travail !
A vos claviers !