Bonjour Chouquette!
Hier, j'ai essayé d'installer le bouton "j'aime cet article" d'Hellocoton sous mes billets en suivant le tuto que la Team nous a gentiment fourni.
Ô misère!
Le tuto ne correspondait pas à ce que moi je trouvais sur mon Blogger! Sur ma version pas d'onglet "Traiter" ni d'option "Développer des modèles de gadgets" et encore moins de " <div-class='post-footer'>" dans le code html. Bref, le black out total!
J'ai vu sur les commentaires que nous étions plusieurs dans ce cas mais comme la patience n'est pas mon fort, je me suis donc plongée cette nuit dans le code pour la première fois de ma vie. Ce matin, le bouton se pavane au pied de mes billets alors je suis venue partager mon tuto avec toi, si tu connais les mêmes déboires! ^^
Soit indulgente, je ne connais rien au code, j'ai juste fait des tests jusqu'à ce que le bouton soit à peu près où je voulais!
C'est parti!
Donc tu rentres sur ta page d'accueil Blogger >> tu cliques sur
>> "Modèle" >> puis sur "Modifier le code HTML" :
Enfin, dans le code, tu dois trouver le chapitre Post "<!--post-->", ensuite tu descends:
Maintenant, tu dois trouver le </div sans rien derrière entre les lignes <b:include data='post' name='comment_picker'/> et la ligne <b:if cond='data:post.includeAd'>
un peu au-dessus du chapitre <!--navigation-->:
tu fais "entrée" pour sauter une ligne et tu colles au-dessus du </div le code du bouton que tu as préalablement copier ici:
<span style="display:block;width:147px;height:26px;position:relative;padding:0;border:10px 0px;margin:0;clear:both;"><a expr:href='"http://www.hellocoton.fr/vote?url=" + data:post.url' target="_blank" style="display:block;width:121px;height:26px;position:absolute;top:0;left:0;"><img src="http://widget.hellocoton.fr/img/action-on.gif" border="0" style="background:transparent;padding:0;border:0;margin:0;float:none;" /></a><a href="http://www.hellocoton.fr" target="_blank" style="display:block;width:27px;height:26px;position:absolute;top:0;left:120px;"><img src="http://widget.hellocoton.fr/img/hellocoton.gif" border="0" alt="Rendez-vous sur Hellocoton !" style="background:transparent;padding:0;border:0;margin:0;float:none;" /></a></span>
Tu obtiens ça:
Il ne te restes plus qu'a vérifier que le bouton et en place en cliquant sur "prévisualiser le modèle" tu cherches ton bouton en bas d'article et "enregistrer le modèle" puis enfin "Retour":
Joie! Tu as maintenant de jolis boutons sous tes articles! J'aurais aimé que le bouton soit au-dessus des commentaires mais ça dépasse mes compétences visiblement, donc au bas de l'article c'est déjà pas si mal, non, en attendant un tuto plus pointu d'une fille qui s'y connait vraiment? ;)
N'hésites pas à me dire si ça a marché et/ou s'il faut apporter des précisions!
Bon courage pour l'installation, c'est quand même rapide, rassures-toi!
Bonne journée, Chouquette!
Fais que chaque jour compte!