Google a enfin publié des boutons officiels de partage et d'abonnement pour son service Google Buzz et ils ont ajouté un bouton spécial dans la navbar de Blogger.

Les boutons de partage

Il y a cinq type de boutons (avec et sans compteur), copiez simplement le code de celui que vous voulez afficher sur votre blog (Ces boutons fonctionnent exactement pareil que les anciens Faux Boutons Google Buzz ).

<a title="Publier sur Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count" data-locale="fr"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>

<a title="Publier sur Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-count" data-locale="fr"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>

<a title="Publier sur Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-button" data-locale="fr"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>

<a title="Publier sur Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-button" data-locale="fr"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>

<a title="Publier sur Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="link" data-locale="fr"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>

Où ajouter ces codes ?

Si vous avez déjà une barre de partage avec des boutons Facebook/Twitter il suffit d'y ajouter celui de Buzz; sinon:

• Pour placer le bouton juste en dessus du titre, ajoutez son code après <div class='post-header-line-1'/>
• Pour le placer à la fin de l'article : <data:post.body/>

Vous pouvez aussi aligner le bouton à droite ou à gauche et lui donner une marge, pour cela il suffit de l'inclure dans une DIV comme ceci :

<div style='float:right;margin-left:10px;border:0;'>
Le-Code-Du-Bouton-Ici
</div>

et le résultat:

Le bouton d'abonnement

Le bouton d'abonnement n'est ni plus ni moins qu'un simple lien vers votre page de profil Google, cliquer sur l'image en dessous pour voir mon profil:


 S'abonner aux mises à jour Buzz 

Le code

Ajoutez ce code n'importe où dans votre blog en modifiant LeBlogger par votre nom d'utilisateur Google

<a target="_blank" title="S'abonner aux mises à jour Google Buzz" class="google-buzz-button" href="http://www.google.com/profiles/leblogger" data-button-style="follow" data-locale="fr">S'abonner aux mises à jour Buzz</a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>

Google Buzz dans la navbar Blogger

Blogger a ajouté un bouton Google buzz dans sa barre de navigation, ça marche comme pour les boutons en haut et ça ressemble à ça:
Voilà, n'hésitez pas à nous dire ce que vous en pensez via les commentaires et si vous utilisez ou allez utiliser un bouton Google Buzz sur votre blog.
Pour tester le bouton, il est juste en dessus.