السلام عليكم ورحمة الله تعالى وبركاته .
اهلا بكم في هاته التدوينة الجديدة من سلسلة دروس بلوجر سوفة نتعرف على طريقة اضافة صندوق المعجبين على الفيسبوك كالمتواجد في موقع نورالدين للمعلوميات وهي ميزة جميلة لكسب المزيد من المعجبين على صفحتنا على فيسبوك عند كل زائر يزور مدونتك او موقعك .
ولتطبيق هاته الاضافة الى مدونتك تذهب الى لوحة تحكم وضغط على قالب وبعدين تضغط على تحرير وتم تضع علامة صح على مربع متل لفي صور
شرح بالصور
تم قم بالبحت عن هذا الكود بالأستعانة بالضغط على ( ctrl+f )
<head/>
تم ضع الكود التالي قبله
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/>
بعد الانتهاء قم بحفظ التغييرات تم توجه الى تصميم اضافة ادات ( 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoiA7sK_ogELYAI-Ixoo_JuX1u-kXPT-DAJFpTVdAsD_avC38sUD9vmiHJTvy-0JnVfBPRJOMj2y5G5qmN1OE7PghJw_NsQWKnO8laaC860VAUzbnpzIRscbaqqyCv7v5hHgQeBR9wpOWx/s150/w2b_facebookbadge.png") 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/nourddinepc&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>غير اللون الأحمر برابط صفحتك على فيسبوك