Gadget Twitter Followers flottant sur Blogger

By
Advertisement

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.


Gadget Twitter Followers flotttant sur blogger

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.

Gadget Twitter Followers flotttant sur blogspot

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 ?

@+



10 commentaires:

  1. Excellent et du meilleur effet à coté de celui de facebook.
    merci

    RépondreSupprimer
  2. Merci pour ce chouette tuto ! C’est la classe ce gadget !

    RépondreSupprimer
  3. j'ai changé right par left en gardant top:20% mais le gadget est resté toujours à droite.

    RépondreSupprimer
  4. Bonjour, J'ai bien suivis ton tuto et le gadget apparrait bien sur la droite de mon blog (J'ai mis mon identifiant Twitter) mais lorsque je vais sur mon blog et que je clique sur "Follow" une page s'ouvre et apparait "502 Bad Gateway"
    En revanche, le reste fonctionne bien
    Faut-il mettre le @ devant l'identifiant Twitter ?
    Merci pour ta réponse

    RépondreSupprimer
  5. www.fanfolloweb.com

    meilleur tarif du marché, meilleur service.

    RépondreSupprimer
    Réponses
    1. Je me suis retrouvée avec 250 followers russes. Si t'appelles ça meilleur service ...

      Supprimer
  6. Bonjour,

    j'ai su installé le gadget sauf que quand il s'ouvre, il est vide!?
    Pourriez vous m'aidez?
    http://vie2filles.blogspot.be

    RépondreSupprimer

Salut Cher Lecteur.

Bien que les commentaires ne sont pas modérés en amont, ne perdez pas votre temps à mettre des commentaires sans aucun lien avec l'article. Ils seront effacés.

Ne venez surtout pas mettre des commentaires bidons pour promouvoir les sciences occultes ici (voyance, magie, etc.), vérifiez le blog, aucun commentaire de ce genre n'a résisté à la gomme de l'administrateur.

Bon, ceci étant dit, puissiez-vous respecter les lois de votre pays, les lois universelles ainsi que le bon sens en postant votre commentaire sur ce blog.

Remarque : Seul un membre de ce blog est autorisé à enregistrer un commentaire.

@ Blogger au bout du doigt. Fourni par Blogger.

SEO & REFERENCEMENT