Widget Facebook fan page Flottant sous Blogger - Widgets

Le widget  Facebook fans devient de plus en plus vital pour chaque webmaster ,ce n'est pas sorcier ...!

Facebook Rank :

à présent ,Facebook a arraché la première position qui était en possession du fameux Google ,comme vous pouvez le constater dans l'image suivante :

Qu'est ce qu'un Widget Facebook fan page ?

C'est un widget qui nous permet d'afficher un aperçu de notre page Facebook si et seulement si le curseur est passé sur le logo Facebook comme le montre l'image qui suit :

Comment installer le widget Facebook fan page sous Blogger ?

• Connectez-vous-vous à votre compte Blogger 
• allez dans "Modèle" et puis "Traiter"
• Cherchez la balise </head>,une fois trouvé ,copiez le code suivant et collez le juste avant cette balise :

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

• Cliquez sur "enregistrer" afin de valider et enregistrer cette étape .
• Juste après allez dans "Eléments de la page" et cliquez sur "Ajouter un gadget"  puis "HTML/Javascript".
• Collez dedans le code ci-dessous : 

<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/AVvXsEjqUsfDRRB4VEq3s46xGtfwjdzM9WusrubOaufeFF0zC6W33CLELarZp6_dXokL0tss7vSDLiFpUp7OzoifklQlwBDiBjMHS9eOdhPv_FN_tDggWDWNpKdYhToPqHLEheGsY6XR4hg6FKDu/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=Le lien de votre page Facebook&amp; width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=8&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><span><a href="http://e-misterblogger.blogspot.com/2012/10/widget-facebook-fan-page-flottant-sous.html">Avoir ce gadget</a></span></div> </div>

• Remplacez le texte en rouge par le lien de votre page Facebook
•  Il ne vous reste qu'enregistrer votre modèle et le jour est joué !

 Si vous avez des questions ou bien si vous souhaitez faire des remarques ,n'hésitez pas à poster vos commentaires et n'oubliez pas de partager cela avec vos amis  .... j'espère que cela vous aidera et à très bientôt

Share :

Tweet

✚

Related Post