Gadget Twitter Followers flottant sur Blogger

Après l'article montrant comment ajouter un Gadget Fans sur Facebook flottant sur son blog hébergé par Blogger, nous allons voir comment ajouter un Gadget Twitter Followers flottant sur blogspot.

Comme pour le gadget précédemment vu, celui-ci affichera un bouton Twitter sur le coté qui vous plaira (droite ou gauche), bouton qui restera fixé au même endroit et affichera au passage de la souris un petit cadre avec un échantillon de vos followers ainsi que la possibilité de vous suivre sur ledit réseau social.

Voici pour vous les étapes à suivre pour avoir ce Gadget Twitter Followers sur blogspot :

1. Connectez vous à Blogger et cliquer sur "Modèle" pour le blog où vous allez installer le Module Social Facebook flottant, puis sur "Traiter".

2. Trouvez la balise  </head>  et collez le code suivant juste avant :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

Enregistrez votre modèle.

Notez que si vous aviez déjà installé le Gadget Fans sur Facebook flottant, vous pouvez sauter cette étape.

3. Allez sur "Eléments de la page", cliquez sur "Ajouter un gadget" sur votre sidebar et choisissez "HTML/Javascript".

4. Collez le code suivant dans votre nouveau Gadget HTML/Javascript : 

<script type="text/javascript">
//<!-- 
$(document).ready(function() {$(".twitterboxot").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() 
{$(this).stop().animate({right: "-250"}, "medium");}, 500);}); 
//--> </script> 
<style type="text/css">
.twitterboxot{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivAm6bDOLg2CaI19FEZ3vO1O9dGlmiqKdnlDbXzbaM0XFmJX4wC99th56zs-7QlshyeoiX0d_Ig-Yr9cHP0Lr21BltNqS5xLHQf3WhfwaN4K-fDH8w1RFyIjOLkCT_ycPY3U_zPsNnbWTZ/s1600/twitterbox.png")
no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 240px;
padding: 0 5px 0 46px;
width: 245px;
z-index: 99999;
position:fixed;
right:-250px; top:20%;}</style>
<div class="twitterboxot"><div>
<script type="text/javascript"
src="http://script-ot.googlecode.com/svn/twitterbox.js"></script><div 
id="twitterfanbox"></div>
<script type="text/javascript">fanbox_init("identifiant-twitter");</script></div><div style="font-size:10px;">
<a href="http:http://www.blogger4ever.com/2011/12/sliding-twitter-followers-box-for-blogs.html" target="_blank">Get This Widget</a>

</div></div>

Dans le gadget ci-haut, changez le "right" en rouge par "left" si vous voulez que le Gadget Twitter Followers s'affiche plutôt à gauche ou changez le 20% en rouge par 60% si vous voulez le garder avec le bouton Facebook à droite.

N'oubliez pas de changer "identifiant-twitter" par votre identifiant Twitter.

5. Cliquez sur "Enregistrer" et allez admirer le résultat sur votre blog.

Maintenant, vous aussi vous pouvez avoir le Gadget Twitter Followers flottant sur votre blog hébergé par Blogger. N'est-ce pas génial ça ?

@+