vendredi 22 juin 2012

Ajouter le bouton google buzz à blogger

google buzz
 
Une méthode très simple consiste à ajouter le bouton Google buzz à blogger, il suffit de suivre les étapes suivantes :
1- Connectez-vous à blogger
2- Allez à Présentation>>Modifier le code HTML puis cochez la case Développer des modèles de gadgets
3- Rechercher la ligne de code :<div class='post-header-line-1'/> ou bien <data:post.body/> si la premiere 
expression n'existe pas.
4- copier/coller ce code
<div style="float:right;padding:4px;">
<a title="Post on Google Buzz" class="google-buzz-button" href=
"http://www.google.com/buzz/post" data-button-style="normal-count
data-locale="en_IN" rel="nofollow" expr:data-url='data:post.url'>
</a><script type="text/javascript" src="http://www.google.com/buzz/api/button.js">
</script>
</div>
juste avant <data:post.body/> ou bien juste après <div class='post-header-line-1'/>

5-Enregistrez le modèle et affichez de nouveau votre blog.
Astuce:
si vous voulez faire un petit bouton compact pour Google Buzz, changez normal-cout
par small-count dans le code pécédent.
et si vous voulez placer le bouton Google Buzz à gauche de votre text contrairement
au premier exemple, changez float:right par float:left.
un exemplaire est mise en place dans mon blog : http://blogger-astuce.blogspot.com après le titre de chaque message dans le coté droit .