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)
Le bouton +1 a déjà été ajouté à la 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"
Remplacez medium par small, standard ou tall pour changer le style du bouton.
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
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 : 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>
<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 : |
0 commentaires:
Enregistrer un commentaire