إضافة صندوق معجبى فيس بوك فى بلوجر بأسهل الطرق facebook fan box with jquery easy way

بسم الله والحمد لله والصلاة والسلام على رسول الله
أولاً أود أن أهنئكم بإقتراب حلول شهر رمضان المبارك أعاده الله علينا وعلى الأمه الإسلاميه بالخير واليمن والبركات.
موضوع اليوم عن أداه ذكيه ( صندوق معجبيى فيس بوك ) لمدونات بلوجر بأسهل الطرق على الإطلاق
الموضوع عباره عن طريقتين وهى تظهر عباره عن بادج على يمين المدونه عند إشارة الماوس عليها تظهر ويمكنك تجربتها عند إشارة الماوس الخاص بك على يمين مدونتى
الخطوه الأولى
** سجل دخولك فى مدونتك بلوجر
** إنتقل إلى التصميم >> تحرير HTML
**خذ نسخه إحتياطيه من قالبك لعدم حدوث أخطاء
** ضع علامه فى خانة توسيع القالب
** إبحث عن الكود التالى

</head>

ثم قبله مباشرة أضف الكود التالى

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

** ثم إحفظ القالب
الخطوه الثانيه
** إذهب إلى عناصر الصفحه >> إضافة أداه >> HTML JAVASCRIBT >> ثم ضع الكود التالى بها

<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/AVvXsEgi-b4AqVSNOEyPgW4xRgDmCO45kI-tl2c23m0fYVqVUnBj9o0QzrRduSRxnLUaNq-wdOBs1E3m9Dk9Zdptwwck20cHlwvpb5-y27icV-QM_bUCOzzN_Dk7c1ZWHaQqOXdJJMLPXBt_wWnu/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=https%3A%2F%2Fwww.facebook.com%2Fpages%2F%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9-%25D9%2584%25D8%25AD%25D8%25B8%25D8%25A7%25D8%25AA%2F169275246468417&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><a href=""></a> / <a href=""></a></span></div></div>

** قم بتغيير الرابط بالأحمر برابط FAN PAGE الخاصه بك ولكن بدون 

http://

  ثم ضعه فى notepad وقم بإستبدال كل الباك سلاش ( / )  بالتالى

%2F

ثم إضغط حفظ
**** لأى إستفسار ضع سؤالك وبإذن الله سوف نتقوم بالرد عليكم

Share

Tweet abuiyad