بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
اليوم اضافة مميزة وهي اضافة صندوق اعجابات فيس بوك الى بلوجر بشكل احترافي
لمشاهدة الاضافة مباشرة
اذا اعجبتك الاضافة ماعليك سوى اتباع الخطوات التالية
اولا: ادخل الى لوحة تحكم مدونتك من هنا
ثانيا: ادخل على القالب ثم تحرير HTML
ثم احفظ نسخة من قالبك ثم وسع القالب
ثالثا: ابحث عن الكود التالي
<head>
ثم اضف الكود التالي اسفل الكود السابق
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
احفظ القالب
ثم اضف الكود التالي مع التعديلات
عليك تغير 214017085377265 بأسم صفحتك على الفيسبوك<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/AVvXsEi1TirnBNudl7qI0insfJCGT8kaSeFao8G3vNn_gcCSB69zIOnTB9UGOCIPEUUn_lyRhtq-j3yhoY3dMaS5xPsBA3yD5YhklKmKrMiNVtu-35TqI9ry5-QYRUoGO2NX9nnF-3v3yn7aeCIO/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>
انتهى اي استفسار بخصوص الاضافة يرجى ترك تعليق للأجابة عليه
0 التعليقات:
إرسال تعليق