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

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



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


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

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


<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>

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

الكاتب :

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

4 التعليقات

اضافة جميلة جداااااااااااااااا بورك فيك

شكرااا لك اخي محمد , نورت المدونة بمرورك العطر

اضافة رائعة شكرااا اخي

شكرااا على مرورك العطر اخي محمد


الإبتساماتإخفاء