[مصطفي جبر]

بسم الله الرحمن الرحيم وبه نستعين

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

وهذه صورة للاضافة



للمعاينة من هنا


اذا اعجبتك وتريدها في مدونتك تابع معي الشرح


بالنسبة للواجهة الجديدة : (لاتنسى اخد نسخة احتياطية للقالب) اذهب إلى لوحة التحكم => القالب => تحرير HTML => متابعة => توسيع القالب
بالنسبة للواجهة القديمة : (لاتنسى اخد نسخة احتياطية للقالب) اذهب إلى لوحة التحكم => تخطيط أو تصميم => تحرير HTML => توسيع القالباستخدم f3 او ctrl+f وابحث عن الكود التالي : </head>

أضف قبله الكود التالي :

كود PHP:

<style type="text/css">
.slidenote { width: 540px; height: 140px; background: #FBEC78; padding: 1em; 
-moz-box-shadow: -0.2em -0.2em 0.7em #333; -webkit-box-shadow: -0.2em -0.2em 0.7em #333;}
.slidenote img { float: left; margin-left: -2em; margin-top: -2em; }
.slidenote img:hover { margin-top: -1.95em; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://latest-hacks.googlecode.com/svn/gadgets/Sliding Description Panel/jquery.slidenote.min.js" type="text/javascript"></script> 


#FBEC78 يمثل كود لون الخلفية

الآن ابحث عن : </body>

أضف قبله الكود التالي :

كود PHP:

<div class='slidenote' id='note'>
<div id='container'>
<h2>اذا اعجبتك المدونة اضغط اعجبني</h2>
<span><em>المدونة علي فيس بوك</em></span>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fblogger.face&amp;send=false&amp;layout=standard&amp;width=300&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=tahoma&amp;height=80&amp;appId=374608635945221' style='border:none; overflow:hidden; width:300px; height:80px;'/>
</div>
</div>
<script type='text/javascript'>
$('#note').slideNote({
closeImage: 'http://3.bp.blogspot.com/-mndBUSwEN94/UAPvBThUM8I/AAAAAAAABAs/wYYggZ2_s0I/s320/slidenote.close.png'
});
</script> 


غير https%3A%2F%2Fwww.facebook.com%2Fblogger.face برابط صفحتك

كما أنصح بالمعاينة قبل الحفظ وشكرا على تتبعكم

المصدر : مدونة بلوجر فيس