اضافة صندوق معجبي Facebook الفيس بوك بمدونتك عن طريق JQUERY بطرقة اكثر جمالا واحترافية

اضافة صندوق معجبي Facebook الفيس بوك بمدونتك عن طريق JQUERY بطرقة اكثر جمالا واحترافية

الكثير من اصحاب المدونات بلوجر من يريدون اضافة ادوات الموقع الاشهر في العالم الفيس بوك facebook مثل صندوق الاعجاب  like box بصفحة مدونتك علي facebook ولكن قبل انشاء صندوق التعليقات لابد من انشاء تطبيق علي الفيس بوك ولان المواقع الاجتماعية تساهم في نشر واشهار مدونتك وجلب الكثير من الزوار سنشرح لكم طريقة اضافة صندوق معجبي like box الفيس بوك عن طريق JQUERY الا وهي بشكل اجمل واحترافي من الطريقة العادية 

من لوحة تحكم بمدونتك نضغط علي قوالب ثم تحرير html ثم اخذ نسخة من قالبك لتجنب حدوث خطأ ما 

ثم ابحث عن الكود الاتي

</head>

وضع قبل الكود السابق الكود التالي

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

ثم قم بحفظ القالب واذهب الي التخطيط ثم اضافة اداة html واضف الكود الاتي

<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/AVvXsEijcZzbNpRG_UB4FfFYh81llqMd-0c6y0KUSqMIaxdb4KGbQ_8PbXXBqm6jbFgwiqE5iKldi0iGX8ahLrlbWji7SHWn7Kc_3kHvsZ_CTYRzksvysOgO-xSMT1gla1_URKqAHBT5Jr4b0RdP/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=اضف رابط صفحة مدونتك علي الفيس بوك&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></div></div>

ثم قم بإضافة رابط صفحة مدونتك علي الفيس بوك التي باللون الاحمر في الكود السابق

مثل هذا https://www.facebook.com/pages/%D9%83%D9%84%D8%A7%D9%85-%D8%AD%D8%A8/206192569465135?ref=hl

 او اضافته بالطريقة الحديثة

---------------------------

مشاركة الموضوع