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

رشيد إدعلي · 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
بإسم صفحتك على الفيسبوك

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

المصدر

11-05-2012, 11:57 AM	#1
رشيد إدعلي مدون نشيط تاريخ التسجيل: Oct 2012 المشاركات: 127	شرح إضافة أداة معجبي صفحة الفيسبوك بطريقة إحترافية اليوم سأقدم لكم في أول موضوع لي يخص إضافات بلوجر، أداة جميلة جدا وأساسية في كل مدونة من أجل إعطاء طابع جمالي للمدونة وكسب إعجاب الزوار بالمدونة . قبل أن أخوض في التفاصيل أريد أن أقول أن هذه الإضافة ليست كصندوق معجبي الفيسبوك العادي و الكلاسيكي بل هو صندوق مخفي في جانب المدونة لكن عند مرور الفأرة عليها يخرج بطريقة جميلة.ولمشاهدة الإضافة إضغط هنا إذا أعجبتك الإضافة وأردت أن تضيفها إلى مدونتك ما عليك سوى اتباع الخطوات التالية : ملحوظة : يجب التوفر على صفحة للمدونة على الفيسبوك. أولا نذهب إلى لوحة التحكم في المدونة ثم القالب في حالة استعمالك للغة العربية أو 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&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>Widget by:<a href="http://www.youngmaroc.blogspot.com">youngmaroc</a></span></div></div> مع تغيير الرقم 214017085377265 بإسم صفحتك على الفيسبوك إلى هنا نصل إلى نهاية الشرح ولمن واجه مشاكل مع هذه الإضافة يترك تعليق . المصدر __________________ مرحبا بكم في المدونة الجديدة موسوعة بلوجر على الرابط التالي :www.ency-bl.com ولزيارة صفحتنا على الفيسبوك أدخل إلى الرابط التالي :www.facebook.com/encybl ولمراسلتنا على البريد الإلكتروني [email protected] من مواضيع رشيد إدعلي مطلوب تبادل إعلاني نصي أو صوري كيفية إنشاء فهرس للمدونة طلب تصميم logo عاجل موسوعة بلوجر....كل ما يخص بلوجر إضافة تجعل مدونتك تتحذث كل اللغات