6 avr. 2012

Ajouter Le Bouton Google +1 à Blogger

Google +1 Button
A l’instar de Facebook avec son bouton «J’aime» ou encore de Twitter avec son bouton de partage «Tweeter», votre blog Blogger se doit d’ajouter un bouton Google +1 pour conquérir les réseux sociaux.
Le bouton Google +1 permet d’optimiser son positionnement selon les votes des internautes. Il permet aussi à vos lecteurs de partager le contenu de votre blog avec leurs amis à travers notamment leurs cercles Google+.
Ce bouton est disponible en quatre tailles :
- Petit (15px)                 - Moyen (20px)
- Standard (24px)          - Grand (60px)  


Comment installer Google +1 sur votre Blog Blogger

Le bouton +1 a déjà été ajouté à la barre de partage Blogger
Barre De Partage Blogger
Pour intégrer ce bouton dans un endroit diffèrent, rien de plus simple.
Tout d'abord allez à "Modèle" > "Modifier Le Code HTML" et collez-y le code suivant avant la fermeture de la balise "Head"
<script type="text/javascript">
  window.___gcfg = {lang: 'fr'};
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
Et celui-ci à l'endroit où est ce que vous voullez afficher le bouton :
<g:plusone size="medium" annotation="inline"></g:plusone>
Vous pouvez le copier par exemple après <div class='post-header-line-1'/> pour l'afficher au début des articles.
Remplacez medium par small, standard ou tall pour changer le style du bouton.

Démonstration

Medium :
Small :
Standard :
Tall :

Vidéo De Présentation


0 commentaires:

Enregistrer un commentaire