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

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

معاينة الاضافة

شرح تركيب الاضافة

نتوجه الى لوحة التحكم >> التخطيط >> اضافة اداة >> جافاسكريب ونلصف الكود التالي :

<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%2Fsmmor.blog&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> <a style="font-size: 6px;float:right;text-decoration:none;color: #616469;" href="http://st-tek-.blogspot.com">
Widget by hsam ahmed</a></div</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>

نحن نجتهد ونقدم لك الافضل دائما فلماذا تبخل علينا بكلمة شكر !!؟

الكاتب : Unknown

مدون عربي من السودان احب مجال التدوين على منصة بلوجر ولي فيه شغف كبير اعمل في هذا المجال لاكثر من سنة احب ان اشارككم افكاري عبر مدونتي ارشر

شارك المقال

شاركه على فيسبوكشاركه على جوجل+