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

    أيقونات صفحات التواصل الإجتماعي











أهلا بكم..

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



اذهب الى لوحة التحكم في مدونتك >تخطيط > اضافة اداة ثم اختر 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%2FVideos1990&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>

لا تنسى ان تغير رقم صفحتك على الفيس بوك بدلاً من Videos1990 الى رقم صفحتك..
بعد ذالك حفظ وعين النتيجة....بالتوفيق

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











أهلا بكم..

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



اذهب الى لوحة التحكم في مدونتك >تخطيط > اضافة اداة ثم اختر 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%2FVideos1990&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>

لا تنسى ان تغير رقم صفحتك على الفيس بوك بدلاً من Videos1990 الى رقم صفحتك..
بعد ذالك حفظ وعين النتيجة....بالتوفيق

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