أضف صندوق المعجبين بصفحتك على الفيس بوك لموقعك او مدونتك

jeussef

Banned
29 ديسمبر 2011
16
0
0
بسم الله و الحمد لله و الصلاة و السلام على خير خلق الله محمد الأمين و على آله و صحبه أجمعين و من تبعهم إلى يوم الدين. إخواني الكرام، السلام عليكم و رحمة الله. في هذا الموضوع بإذن الله سأشرح لكم طريق جديدة ومهمة جدا للأصحاب المواقع أو المدونات

وهي طريقة إضافة صندوق المعجبين على يمين الصفحة في موقعك او مدونتك
إلى يمين الصفحة في موقعك طبعاً سيظهر المعجبون عن مرور الماوس على الإيقونة وهي طريقة تتبيث الصندوق بتقنية
jquery

مثال :-

Like+Box+Facebook.jpg


الطريقة بسيطة جداً وهي كالآتي :-

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

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

كود:
 </head>

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

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


احفظ القالب ثم توجه إلى تصميم/عناصر الصفحة وأضف أداة HTML/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("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/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=[B][COLOR="Red"]ضع هنا رابط صفحتك  على الفيس  بوك[/COLOR][/B]&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://www.al3ajaib.blogspot.com">+Get  This!</a></span></div></div>


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

المصدر : al3ajaib