29 oct. 2014

Installer le bouton J'aime Hellocoton sur Blogger/Blogspot: le p'tit tuto!

26 commentaires:
 

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!

26 commentaires:

  1. Réponses
    1. Merci à toi! :) Tu me diras si tu t'en es sortie facilement? Bises.

      Supprimer
  2. Ah merci ! je commençais à perdre patience :)

    RépondreSupprimer
    Réponses
    1. Avec plaisir! Contente si j'ai pu te dépanner! :) Bonne journée!

      Supprimer
  3. Han veux tu m'épouser ???
    Plus sérieusement mille mercis pour cette super astuce je commençais a virer barjo (et chauve aussi a force de m'arracher les cheveux sur ce problème ;) )

    RépondreSupprimer
  4. Avec plaisir! (Pour l'astuce, hein, pour le reste je suis déjà prise! ;) ) Longue vie à tes cheveux!

    RépondreSupprimer
  5. Génial ! Merci, tu viens de sauver ma nuit (au bas mot) (je suis une personne tout à fait pondérée).

    RépondreSupprimer
    Réponses
    1. Haha! Ravie de t'éviter une insomnie! Je me sens telle la WonderWoman du bouton HC! (pas excessive non plus, tu vois!^^)

      Supprimer
  6. Merci pour ce tuto vraiment très très très bien expliqué !!!

    RépondreSupprimer
    Réponses
    1. Je me suis appliquée, t'as vu!^^ Merci à toi pour ton témoignage, ravie si j'ai pu aider! :)

      Supprimer
  7. Merci ! Ton tuto ma sauvé la vie !
    Biz,
    Taludia

    RépondreSupprimer
    Réponses
    1. Bon alors on est d'accord: je peux officiellement rajouter "secouriste" sur mon CV? ^^ Merci pour ton gentil témoignage et longue vie à toi, du coup! ;) Bises.

      Supprimer
  8. Super ton auto merci beaucoup =). Pareil je ne trouvais pas comment faire parce que je ne voyais pas la même chose que sur les tutos ! par contre j'aimerais aussi qu'il soit placé au dessus des commentaires, donc je vais poursuivre mes recherches parce que je suis perfectionniste =P. En attendant tu merci encore parce que je me sens moins seule maintenant ^^. Bisous

    RépondreSupprimer
  9. Je suis malheureuse, chez moi ça ne fonctionne pas :(

    RépondreSupprimer
  10. ça marche !! Génial ! Un grand merci pour ce tuto ♥

    RépondreSupprimer
  11. Merci pour ton tuto ! Malheureusement, chez moi il est bien trop bas ... et j'aimerais l'avoir au dessus de l'encart des commentaires. Si jamais tu as trouvé depuis le temps, tiens moi au jus ;)
    Bonne soirée !

    RépondreSupprimer
  12. Coucou! J'espère que je n'arrive pas trop tard! Merci pour ce tutoriel super bien expliqué! Néanmoins, cela ne marche que pour la version classique, sur la version mobile de blogger, le bouton n'apparaît pas. As-tu une astuce? Merci d'avance!

    RépondreSupprimer
  13. Super le tuto mais ne fonctionne malheureusement pas avec tous les modéles proposés par blogger
    grrrr !!! mais sympa ton aide quand même

    RépondreSupprimer
  14. Merci pour ton tuto hyper simple ça fonctionne très très bien
    MERCI MERCI

    Bises,
    Sophie

    RépondreSupprimer
  15. Hey !

    Pour moi rien ne marche... Je désespère...

    RépondreSupprimer
  16. Un grand merci parce que, effectivement, ça ne collait pas du tout à ce que j'avais dans mon tableau de bord non plus ^^ Bises, Maricha.

    RépondreSupprimer

Papotons ensemble!

Rendez-vous sur Hellocoton !