معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)
-   -   شرح إضافة أداة معجبي صفحة الفيسبوك بطريقة إحترافية (https://www.bloggerexp.com/showthread.php?t=4294)

رشيد إدعلي 11-05-2012 11:57 AM

شرح إضافة أداة معجبي صفحة الفيسبوك بطريقة إحترافية
 
اليوم سأقدم لكم في أول موضوع لي يخص إضافات بلوجر، أداة جميلة جدا وأساسية في كل مدونة من أجل إعطاء طابع جمالي للمدونة وكسب إعجاب الزوار بالمدونة .

قبل أن أخوض في التفاصيل أريد أن أقول أن هذه الإضافة ليست كصندوق معجبي الفيسبوك العادي و الكلاسيكي بل هو صندوق مخفي في جانب المدونة لكن عند مرور الفأرة عليها يخرج بطريقة جميلة.ولمشاهدة الإضافة إضغط هنا

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



ملحوظة : يجب التوفر على صفحة للمدونة على الفيسبوك.



أولا نذهب إلى لوحة التحكم في المدونة ثم القالب في حالة استعمالك للغة العربية أو template في حالة استعمالك للإنجليزية . بعد ذلك تأخد نسخة إحتياطية للقالب تم تضغط على تحرير html ثم متابعة.

الآن أمامك القالب ، سوف تبحث عن الكود التالي <head> ثم اضف الكود التالي اسفله :




كود:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/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("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%3A%2F%2Ffacebook.com%2F214017085377265&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><span>Widget by:<a  href="http://www.youngmaroc.blogspot.com">youngmaroc</a></span></div></div>


مع تغيير الرقم 214017085377265
بإسم صفحتك على الفيسبوك

إلى هنا نصل إلى نهاية الشرح ولمن واجه مشاكل مع هذه الإضافة يترك تعليق .


:bye:


المصدر










الساعة الآن 07:15 AM

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012