Volet Latéral Facebook

Pour obtenir cette effet sur vos site et ici notamment blogger utilisez:

l'ajout de Gadget HTML/JAVA SCRIPT ensuite collez ce code:

Comme d'habitude n'oubliez pas pour copier les codes

CTRL+C ET CTRL+V 

Exemple de volet:

 

<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("http://pic.pimg.tw/typixnet/1380235727-191890789.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="VOTRE ADRESSE FACEBOOK&amp;
width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=16&amp;stream=true&amp;header=false&amp;height=640" frameborder="0" scrolling="yes" style="border: medium none; overflow: hidden; height: 640px; width: 245px;background:#fff;"></iframe></div></div>


En violet:

L'adresse en violet correspond à l'URL de votre image (ici c'est notamment un volet FACEBOOK JAUNE a vous de mettre l'image de votre choix avec la bonne URL toute fois attention les dimensions de l'image doivent être de 47px en largeur et de 150px en hauteur

Ensuite bien sur remplacez comme dit, par votre adresse facebook ou votre page

Et le tour est joué !