Comment ajouter le gadget flottant Fans Facebook à votre Blog Blogger

Comment ajouter le gadget :

Rappelez-vous toujours de faire une Sauvegarde de votre modèle avant de le modifier.

Étape 1 Dans le tableau de bord Blogger Cliquez sur modèle => modifier le code html => Traiter => cochez la case Développer des modèles de gadgets.

Étape 2 Trouver le morceau de code suivant dans votre blogs HTML: (Cliquez sur la touche Ctrl et F pour lancer la barre de recherche)

</head>

Étape 3 Copiez/collez le code directement ci-dessous juste avant </head>

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

Remarque :  Cette ligne de code  est le script jQuery. Si vous avez déjà ajouté à votre modèle ce jQuery, vous pouvez commencer directement avec l'étape 5 (Sautez les étapes 1,2,3 et 4).


Étape 4 Enregistrez votre modèle.


Étape 5 Dans le tableau de bord Blogger Cliquez sur Mise en page => Ajouter un Gadget => Html/JavaScript.


Étape 6 Copiez/collez le code directement ci-dessous dans votre nouveau Gadget HTML/Javascript.

<script type="text/javascript"> //<!--  $(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate ({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");},  500);}); //--> </script>  <style type="text/css">  .w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeoy9LhlvP8qXQcTK-eoWGuWoxyS798cJwA7W4YxcfP2BFOfIzSKSqIryuzYDiiXslRo6O9qGWz84Tef14dwnyFjdlUUNrH2t6pP5LoctMab0uLwFmIbZE_LmcauwwsyF8BbMLm9ka2dej/s1600/facebook1.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}  .w2bslikebox div{border:none;position:relative;display:block;}  .w2bslikebox span{bottom: 10px;font: 9px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}  .w2bslikebox span a{color: #FF9D00;text-decoration:none;}  .w2bslikebox span a:hover{text-decoration:underline;}  </style><div class="w2bslikebox" style=""><div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/AllBestTuto&amp; width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=12&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe></div></div>

Très Important :  Remplacez l'URL en jaune avec l'URL de votre Page Fans Facebook.

Étape 7 Cliquez sur Enregistrer puis sur Enregistrer la disposition, et le tour est joué.