Ajouter un bouton de partage officiel twitter



Twitter peut devenu un outils pour les bloggers. Quelques lecteurs ont demandé s'il est possible d'ajouter un lien "Partager sur Twitter" à nos modèles de Blogger, et bien que cela est possible..
.

Je vous expliquerai comment vous pouvez l'ajouter à votre modèle Blogger afin que vos lecteurs puissent publier vos article sur votre compte Twitter...

Modification de votre modèle d'ajouter les liens sur Twitter

1/Recherche de cette section dans votre modèle Blogger code (ou similaire):

< class="'post-footer-line">

Si vous ne trouvez pas sur cette ligne de code, la recherche de "post-footer 'à la place. Sinon, vous pouvez ajouter votre code immédiatement après la ligne:

< div class='post-footer-line post-footer-line-1' >,

Juste après le "post-footer" vous avez trouvé la ligne, collez le code du bouton choisit:

Format vertical avec compteur (standard)





<a class='twitter-share-button' data-lang="fr" data-count='vertical' data-related='CompteTwitter:LeBloggers' data-via='CompteTwitter' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a>

<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>

</script>

Format horizontale avec compteur





<a class='twitter-share-button' data-lang="fr" data-count='horizontal' data-related='CompteTwitter:LeBloggers' data-via='CompteTwitter' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a>

<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>

</script>

Format horizontale sans compteur





<a class='twitter-share-button' data-lang="fr" data-count='none' data-related='CompteTwitter:LeBloggers' data-via='CompteTwitter' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a>

<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>

</script>

Vidéo de démonstration

4 Commentaires

Laisser un commentaire

  1. C'est ajouté merci à toi et continue le taf ;)

    RépondreSupprimer
  2. Bonjour,

    J'ai une question.
    J'ai choisi AddThis comme bouton de partage, comment fait-on pour que quand une personne partage mes articles un via @..... apparaisse.

    Merci d'avance

    RépondreSupprimer
  3. @Lily : tu dois plaçer le code recuperer chez AddThis aprés ce code sur ton blog blogspot :

    < div class='post-footer-line post-footer-line-1' >

    les bouton de partage apparaissent sur tous les articles et partage l'article en question

    RépondreSupprimer

Enregistrer un commentaire

Laisser un commentaire

Plus récente Plus ancienne