كيف تضيف صندوق المعجبين على الفيس بوك jquery

الحمد لله والصلاة والسلام على رسول الله وبعد...

سنتعلم اليوم أداة وإضافة من أروع وأحسن أدوات و إضافات بلوجر التى يستخدمها المدونين لتطوير مدوناتهم تابعوا معى:

أولا:
إذهب إلى لوحة التحكم ثم التخطيط: (كما هو موضح فى الصورة الآتية)

ثم انقر على إضافة أداة وتكون من نوع HTML/JavaScript (كما هو موضح فى الصورة الأتية):

ثم أضف هذا الكود فيها:

<script type="text/javascript">

//<!--

$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});

//-->

</script>

<style type="text/css">

.w2bslikebox{background: url("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}

.w2bslikebox div{border:none;position:relative;display:block;}

.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}

.w2bslikebox span a{color: #808080;text-decoration:none;}

.w2bslikebox span a:hover{text-decoration:underline;}

</style><div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/%D9%85%D8%AF%D9%88%D9%86%D8%A9-%D9%84%D9%82%D9%85%D8%A7%D9%86-%D8%B9%D8%B5%D8%A7%D9%85/469366056436899&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div></div>

ثم غير الصورة إذا كنت تريد (الرابط الأحمر الأول هو رابط الصورة).

ثم غير رابط رابط صفحتى على الفيس بوك برابط صفحتك (الرابط الأحمر الثانى رابط صفحتى على الفيس بوك).

ثم انقر على حفظ (كما هو موضح فى الصورة الآتية):

THE End

أرجو أن يكون الموضوع نال على إعجابكم.

لا يسمح بنقل الموضوع بدون ذكر المصدر

المصدر : مدونة لقمان عصام