طريقة إضافة صندوق معجبين فيسبوك facebook العائم بمدونة بلوجر

صندوق معجبين   facebook fan  او اللايك Like الفيسبوك العائم

 أداة رائعة تخدم زوار مدونتك وتمكنهم من التفاعل مع محتواك بشكل افضل

 

مشاهده حيـّه Live Demo

ولإضافة صندوق الفيسبوك العائم نتبع الخطوات التالية:

1- ندخل للتخطيط او الLayout

2- إضافة اداة او Add Gadget

3- نختار اداة HTML/Javascript

4- ننسخ بالصندوق الكود التالي :

*تم تحديث الكود

<style>img,a{border:0;}#on{visibility:visible;}#off{visibility:hidden;}#facebook_div{width:196px;height:353px;overflow:hidden;}#facebook_right{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;right:-200px;}#facebook_right img{position:absolute;top:-2px;left:-35px;}#facebook_right iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;left:-2px;top:-3px;}#facebook_left{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;left:-200px;}#facebook_left img{position:absolute;top:-2px;right:-35px;}#facebook_left iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;right:-2px;top:-3px;}</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script><script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); }); jQuery("facebook").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("facebook").stop(true,false).animate({right: -303}, 500); });    });</script><div id="on"><div id="facebook_right" style="top: 18%;"><div id="facebook_div"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMb6WkuXtyXqBjCNNp6aDaECAU7gu0i5U-K8pAW_tval3y9e_cUVwBP-NQ7l_pYt4Ck80BPc8dv3U7tzAgQ4AXbfRhShGekNNo6XLyIFmTpkoTf1lx-ErPJlezjE6aBEzslj0wVKMzAfQ/s1600/helperblogger.com-facebook-icon.png" alt="" /><iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Blog2noob/300431213400228&&amp;width=200&amp;height=348&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:348px;" allowtransparency="true"></iframe></div></div></div>

5- غير الموجود باللون الاحمر الى عنوان صفحتك بالفيس بوك

6- ثم حفظ او save  

*تستطيع تغيير ابعاد الصندوق من خلال تغيير الارقام بالعرض width والارتفاع height

والآن اصبح بمدونتك  صندوق اعجاب الفيسبوك تهانينا...!