بسم الله و الحمد لله و الصلاة و السلام على خير خلق الله محمد الأمين و على آله و صحبه أجمعين و من تبعهم إلى يوم الدين. إخواني الكرام، السلام عليكم و رحمة الله. في هذا الموضوع بإذن الله سأشرح لكم طريق جديدة ومهمة جدا للأصحاب المواقع أو المدونات
وهي طريقة إضافة صندوق المعجبين على يمين الصفحة في موقعك او مدونتك
إلى يمين الصفحة في موقعك طبعاً سيظهر المعجبون عن مرور الماوس على الإيقونة وهي طريقة تتبيث الصندوق بتقنية
jquery
مثال :-
مثال :-
الطريقة بسيطة جداً وهي كالآتي :-
قبل كل شيء قم بأخذ نسخة إحتياطية للقالب
اولا أدخل على حسابك في بلوغر ثم انقر على تصميم ثم تحرير HTML واختر توسيع القالب .
بعد ذلك قم بالبحث عن الكود الاتي
قبل كل شيء قم بأخذ نسخة إحتياطية للقالب
اولا أدخل على حسابك في بلوغر ثم انقر على تصميم ثم تحرير 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