Comment ajouter l'option Reactions dans Blogger ?

Blogger a lancé avant-hier l'option appelé Réactions. Comme ils le précisent dans le billet officiel, il faut prendre cette option comme un rapide feedback de vos lecteurs, comme un mini sondage pour chaque billet ou encore comme une version flexible des étoiles :) L'avantage de Réactions, c'est qu'il est possible de le paramétrer comme on le souhaite !
On peut modifier l'intitulé "Réactions" et ses éléments...
Chaque éléments doivent être séparés d'une virgule.
Pour activer l'option:
1. connectez-vous via draft.blogger.com
2. onglet "Mise en plage" > Éléments de la page
3. dans le cadre "Message Blog", cliquez sur Modifier.
4. un popup va s'ouvrir et cocher l'option > enregistrer.
L'option sera en place si votre template est "propre" :) sinon, il va falloir passer à l'étape suivante, à savoir l'insertion manuelle du code.
Pour cela:
1. connectez-vous via draft.blogger.com
2. sauvegardez votre template
3. onglet "Mise en page" > Modifier le code HTML > Développer des modèles de gadget
Cherchez:
<p class='post-footer-line post-footer-line-1'>Coller après le code ci-dessous:
<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' width='100%'>
<tr>
<td valign='center'><span class='reactions-label'><data:top.reactionsLabel/></span></td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr>
</table>
</b:if>
</span>
Faites une aperçue, si option n'apparait pas, cherchez le code <p><data:post.body/></p> et coller en dessous :)
On obtient:

Concernant la personnalisation, cette option utilise les paramètres textcolor, textColor, mainTextColor pour l'affichage des textes et linkcolor, linkColor, mainLinkColor pour l'affichage des liens. Blogger utilise ceci afin d'homogénéiser avec les couleurs de votre blog. Si votre blog est totalement personnalisé et que vous souhaitez intégrer cette option, alors, je vous invite à insérer le code ci-dessous.
Cherchez:
<b:skin><![CDATA[/*Coller juste en dessous le code suivant:
<Variable name="textcolor" description="Couleur pour le texte" type="color"
default="#333" value="#333333">
<Variable name="linkcolor" description="Couleur pour les liens" type="color"
default="#258" value="#225588">
Pour personnalisez les couleurs, allez dans votre tableau de bord puis Mise en page et enfin Polices et couleurs. Vous pourrez personnaliser les couleurs pour "Couleur pour le texte" et "Couleur pour les liens" :)
bLoG: ackorea.blogspot.com bY R^, Béa & tOiN0U