Cet article explique comment j'ai procédé pour partager mes pages grâce à Google plus One et Tweeter.

Note : nécessite un compte sur chacun de ces réseaux sociaux.

1. Création d'un bloc

2. Récupération du code

aller sur le site de twitter, repérer le lien "ressources " du pied de page (ou cliquer ici) (ou copier le texte en vert du §3)

cliquer sur "boutons" et choisir le bouton "partager un lien"

personnaliser votre bouton puis copier le code proposé

Aller sur le site de Google Developper, rubrique +1 button  (ou cliquer ici) (ou copier le texte en orange du §3)

Personnaliser votre bouton puis copier le code proposé

 

3. Coller le code dans le corps du bloc après être passé en mode source puis enregistrer

En orange le code issu de Google, en vert celui issus de Tweeter

<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-annotation="inline" data-width="300"></div>

<!-- Place this tag after the last +1 button tag. -->
<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/platform.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

<p><a class="twitter-share-button" data-lang="fr" data-size="large" data-via="humbert_da" href="https://twitter.com/share"> </a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></p>