جاري تحميل ... نجوم المعلومات

إعلان الرئيسية

أخبار ساخنة

إعلان في أعلي التدوينة

اضافات بلوجر

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




السلام عليكم اليوم احببة ان اقدم الكم طريقة اضافة صندوق أعجاب الفيسبوك عائم ومنبثق مع ايقونة الاغلاق
هذه الاضافة ستظهر بعد كل تحديث للمدون التذكر الزائر بضغط علي أعجنبي كما يمكنك تغير الون الاضافة
هذه الاضافة حصرية وبشكل جديدعلي مدونة بوزوم والن أسمح بنقل الموضوع من دون ذكر المصدر
تابعو الشرح معي :

انتقل الي الوحة التحكم اختر تخطيط
اضافة اداة
ثم قم بلصق الكود التالي

<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 #027AAC;
-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%2FStarinformatics&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>


  قم بتغير الرقم المعرف الخاص با الفيسبوك  الملون بلون الاحمر
Starinformatics
الوسوم:

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

إرسال تعليق

إعلان أسفل المقال

إتصل بنا

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *