معهد خبراء بلوجر - صندوق اعجابات الفيس بوك ينزلق عندما تنزل اسفل صفحة المدونة بطريقة جميلة

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

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

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

http://3.bp.blogspot.com/-iV3cfCgyop...8%AA%D8%B1.png

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

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

بالنسبة للواجهة الجديدة : (لاتنسى اخد نسخة احتياطية للقالب) اذهب إلى لوحة التحكم => القالب => تحرير 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 برابط صفحتك

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

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