Ajouter Le Bouton Suivre/Follow De Twitter à Blogger

Ajouter le bouton Suivre de Twitter (Twitter Follow Me Button) à votre blog Blogger pour augmenter le nombre de vos abonnées et valoriser votre audience en affichant le nombre de personnes qui vous suivent.
L'intégration du bouton Follow Me/Suivez Moi est simplissime et toute personne connectée cliquant sur celui-ci s'abonnera instantanément à vos publications sans même passer par Twitter.

Présentation Et Code Du Bouton Follow/Suivre De Twitter

Bouton Large Avec Compteur

Suivre @TBlogueur

<a href="https://twitter.com/TBlogueur" class="twitter-follow-button" data-show-count="true" data-size="large">Suivre @TBlogueur</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Bouton Large Sans Compteur

Suivre @TBlogueur

<a href="https://twitter.com/TBlogueur" class="twitter-follow-button" data-show-count="false" data-size="large">Suivre @TBlogueur</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Bouton Normal Avec Compteur

Suivre @TBlogueur

<a href="https://twitter.com/TBlogueur" class="twitter-follow-button" data-show-count="true" data-size="medium">Suivre @TBlogueur</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Bouton Normal Sans Compteur

Suivre @TBlogueur

<a href="https://twitter.com/TBlogueur" class="twitter-follow-button" data-show-count="false" data-size="medium">Suivre @TBlogueur</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Configuration Du Bouton

- Remplacez TBlogueur avec votre nom d'utilisateur Twitter.
- Vous pouvez remplacer le mot Suivre avec un mot de votre choix, par exemple : Follow , S'abonner...
- Vous pouvez masquer votre pseudonyme en supprimant @Nom_D'utilisateur.
- Si vous avez déjà installer le bouton de partage Twitter, alors ne recopiez pas le script :

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

car c'est le même utilisé.

Ajouter Le Bouton D'abonnement Suivre De Twitter à Blogger

Pour intégrer le bouton Suivez-moi de Twitter dans votre blog, il vous suffit de copier son code puis allez à "Mise En Page" > "Ajouter un Gadget" > "HTML/JavaScript"
collez le bout de code précédemment copié, puis cliquez sur "Enregistrer".

Pour placer le bouton Follow au début des articles,
allez à "Modèle" > "Modifier le code HTML" > "Développer des modèles de gadgets"
et insérez le code du bouton juste après la balise :

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

Si vous désirez afficher le bouton à la fin de vos articles, alors placez le code approprié juste après une des lignes suivantes :

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

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

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

Pour plus d'informations, visitez la page Twitter ressources :
https://twitter.com/about/resources/buttons#follow

Ajouter Le Bouton Officiel De Partage Twitter à Votre Blog

Le bouton de partage officiel Twitter permettra à vos visiteurs de partager en toute simplicité des liens de vos articles sur le réseau Twitter sans quitter le blog et cela avec un simple clic.
Le bouton officiel Tweet existe en trois formats :
- 110*20 : Bouton Tweet + Compteur horizontal
- 55*20 : Bouton Tweet seul
- 55*63 : Bouton Tweet + Compteur vertical

Dans ce qui suit, nous allons voir comment installer le bouton de partage officiel Twitter dans Blogger Blogspot.

Ajouter Le Bouton De Partage Twitter à Blogger

Pour mettre en place le bouton Twitter, il suffit de copier (et modifier les informations vous concernant) ce code et le mettre sur vos pages, dans un endroit bien visible pour inciter vos lecteurs à l'utiliser.
Vous pouvez le copier par exemple après <data:post.body/> pour l'afficher à la fin des articles ou après <div class='post-header-line-1'/> pour l'afficher au début des articles.

Format vertical avec compteur

Tweet

<div style='float:right;margin-right:10px;'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>

Format Horizontal avec compteur

Tweet

<div style='float:right;margin-right:10px;'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>

Format horizontal sans compteur

Tweet

<div style='float:right;margin-right:10px;'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="none"  data-via="TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>

N'oubliez pas de remplacer "TWITTER-username" avec votre nom d'utilisateur Twitter.

Vidéo de démonstration (En Anglais)

Pour plus d'informations visitez le lien suivant : http://dev.twitter.com/pages/tweet_button