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

السلام وعليكم

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

مثال

 jquery إليكم طريقة تتبيث الصندوق بتقنية

  قبل كل شيء قم بأخذ نسخة إحتياطية للقالب 

اولا أدخل على حسابك في بلوغر ثم انقر على  تصميم ثم تحرير HTML واختر توسيع القالب .

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

</head>

قبله نضيف الكود الاتي

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/>

 

احفظ القالب ثم توجه إلى تصميم/عناصر الصفحة وأضف أداة 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/AVvXsEi61Uk7-xNU06Em7qErWxs1U0GWs9J0xekJsIVRiacatitntd_va32SFmOrt1LzZqB6u2BMJjdPhA41uYYIPwzhFyZfLvXS4M74Uup0VyAspUOz50OIiIezPZ-hGGJQBwBWyvY_RJhOVuwi/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 370px;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=ضع هنا رابط صفحتك على الفيس بوك&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> <a href="http://everi-thing.blogspot.com/2011/10/blog-post_8685.html">+Get This!</a></span></div></div>

إحفظ ومبروك عليك الإضافة

تم بحمد الله