Comment placer un bouton +1 sur sa page web

Lorsque j' ai voulu mettre des boutons +1 sur mes pages j' ai eu un peu de mal à les placer où je le voulais étant donné que la "class" donnée par google ne me convenait pas.

Pour régler ce problème j' encadre le code dans une autre balise <div> à laquelle j' associe dans le fichier css les attributs qui m' intéresse. Voici comment faire :

1- Récupérer le code à copier sur la page de google si vous voulez le personnaliser

ou copier le code ci-dessous avant la balise <⁄body> de votre page:


<div id="plusone">
<div class="g-plusone"<⁄div>
<⁄div>


<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>

2- Ajouter les attributs que vous avez choisis dans le fichier css (l' exemple donne ceux que j' utilise sur cette page) :

#plusone
{
height:24px;
width: 128px;
position: fixed;
top:45px;
right: 2px;
}

En plus ce code est compatible w3c .



Voilà , c' est tout pour l' instant .... j' espère que cela pourra vous aider.