الجمعة، 16 نوفمبر 2012

طريقة إضافة صندوق معجبين فيسبوك 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




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



هناك 6 تعليقات:

Related Posts Plugin for WordPress, Blogger...