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

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

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


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



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


اذهب الى لوحة التحكم في مدونتك >تخطيط > اضافة اداة ثم اختر 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 ذا اللون الاحمر ثم اختر حفظ وشاهد النتائج



1 سبتمبر، 2021