Boutons officiels de partage et d'abonnement pour Google Buzz [Nouveau]

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.
Google Buzz

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 ).
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>
Google Buzz
<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>
Google Buzz
<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>
Google Buzz
<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>
Google Buzz
<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:
Google Buzz

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:
Google Buzz
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.
8 Commentaires
  1. Nice post encore une fois.
    Mais est ce que google buzz est utilisé?

    RépondreSupprimer
  2. Bonjour!
    Encore un autre article extrêmement utile pour les réseaux sociaux! J'ai par contre un autre problème concernant le lien texte "Lire la suite" pour résumer ses articles. J'aimerais remplacer ce lien texte plutôt sans vie et pas trop beau visuellement pour une image que j'ai moi même créée. J'ai essayé plusieurs fois de modifier ton code pour mettre des "href" et des balises, mais rien ne marche. En plus de ça, je n'ai même pas de "data.post.body" dans mon code source. Pour finir, je voulais te dire que ton site aide beaucoup pour le fonctionnement du mien avec tes astuces et widgets!

    Bonne journée,
    Alex

    RépondreSupprimer
  3. @Alex
    Il faut regarder l'article sur la fonction de résumé, et il y 3 articles :))

    RépondreSupprimer
  4. Je ne comprends pas vraiment, pourrais-tu être plus clair s'il vous plaît?

    RépondreSupprimer
  5. @Rincevent
    Pas autant que Twitter et Facebook mais c'est nouveau et c'est Blogger, peut être un bel avenir mais pour l'instant il n'est pas trop utilisé :))

    RépondreSupprimer
  6. @Alex
    Tu vas dans mon article qui parle de résumé dans Blogger et tu trouvera comment utiliser une image pour Lire la suite ....

    RépondreSupprimer
  7. Marie-Micheline20 avril 2010 à 15:49

    Merci pour l'info.

    RépondreSupprimer

Copyright 2015 Soufiane.fr