اضافة صندوق اعجاب فيس بوك الى بلوجر بشكل احترافي
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
اليوم اضافة مميزة وهي اضافة صندوق اعجابات فيس بوك الى بلوجر بشكل احترافي
اذا اعجبتك الاضافة ماعليك سوى اتباع الخطوات التالية
اولا: ادخل الى لوحة تحكم مدونتك
ثانيا: ادخل على القالب ثم تحرير HTML
ثم احفظ نسخة من قالبك ثم وسع القالب
ثالثا: ابحث عن الكود التالي
<head>
ثم اضف الكود التالي اسفل الكود السابق:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg60HqM4Qh-E3o-Bne7O_b-e9QjybcBijyGZu8qam_CQGi4fcdwmTgZAzEl2VWX5YFVsGvws-_wTH-1dKG2gbQXGdgRf7xIvv-ftkdGqjCGubp0YqKLrP2QC-hK8Ra9Dl9jmZsqz-WsY_Zo/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.iraqshop1.blogspot.com">iraqshop1</a></span></div></div>
//<!--
$(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/AVvXsEg60HqM4Qh-E3o-Bne7O_b-e9QjybcBijyGZu8qam_CQGi4fcdwmTgZAzEl2VWX5YFVsGvws-_wTH-1dKG2gbQXGdgRf7xIvv-ftkdGqjCGubp0YqKLrP2QC-hK8Ra9Dl9jmZsqz-WsY_Zo/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.iraqshop1.blogspot.com">iraqshop1</a></span></div></div>
عليك تغير 214017085377265 بأسم صفحتك على الفيسبوك
انتهى اي استفسار بخصوص الاضافة يرجى ترك تعليق للأجابة عليه
انتهى اي استفسار بخصوص الاضافة يرجى ترك تعليق للأجابة عليه