اضافة صندوق الفيسبوك عائم منبثق لمدونات بلوجر

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

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


معاينة بالصورة



كيف تضيف هذه الاداة الى مدونتك


اذهب الى لوحة التحكم في مدونتك >تخطيط > اضافة اداة ثم اختر HTML / JavaScript ثم اضف الكود التالي بأي مكان تريده

<style type=’text/css’>
#bloggerspiceFBpop {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#FEFEFE;font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #ff6600;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#bloggerspiceFBpop a.bsclose {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#000000;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:25px;
cursor:pointer;
}
</style>
 <script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js”></script>
<script type=’text/javascript’>
$(window).bind(“load”, function() {
// Animate Top
$(‘#bloggerspiceFBpop’).animate({top:”50px”}, 1000);
// Widget by ww.bloggerspce.com
$(‘a.bsclose’).click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id=’bloggerspiceFBpop’>
<center><b><a class=”Iwan’S Blog”>تابعنا على فيس بوك</a></b></center>
<center>
<iframe src=”//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F563356490365166&amp;width=292&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=true&amp;header=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:292px; height:258px;” allowtransparency=”true”></iframe></center>
<a class=’bsclose’ href=’#’>&times;</a>
<center style=”float:right; margin-right:10px;”><span style=”font-size:xx-small; color:#000; text-decoration:none;”></span></center></div>

غير رقم صفحتك على فيس بوك بدل الرقم  563356490365166 ذا اللون الاحمر ثم اختر حفظ وشاهد النتائج