اضافة ايقونة الفايسبوك المنزلقة

  السلام عليكم ورحمة الله وبركاته

في هذا الموضوع ان شاء الله ساقدم لكم طريقة اضافة ايقونة الفايسبوك المنزلقة

  لصفحة المدونة في الفايسبوك على  مدونتكمالتي كثرت حولها اسئلة الزوار

 لن اطيل عليكم اليكم الطريقة:

1.اذهب الى عناصر الصفحة - اضافة اداة HTML/JavaScript 

2. انسخ الكود التالي والصقه في الاداة السابقة مع تغيير الكود الملون بالاحمر و ضع مكانه رابط صفحة مدونتك على الفايسبوك

انسخ الكود التالي والصقه في  اداة 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/AVvXsEjwdz8T-PtmoFlfZpuNn-9xMBTSQRVaExmaAHtesUMaCDv4C4kQN-U-F4VotPDv_VzXlOEsEqKwbfp-FTgTcLJjquMOEUCP_sC0PSH75r7KOB86FLCupneRmSFF-iTVMlecI69f72KfAeRZ/s150/w2b_facebookbadge.pn") 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: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}.w2bslikebox span a{color: #808080;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=رابط صفحة مدونتك على الفايسبوك&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>By <a href=" http://cours-b.blogspot.com/  "> YOUNESS</a> / <a href=""></a></span></div></div>