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

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

jquery

مثال :-



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

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




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


رمز Code:
</head>

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


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


احفظ القالب template ثم توجه إلى تصميم/عناصر الصفحة وأضف أداة HTML/JavaScript ولصق بها لبكود code التالي



رمز Code:
<script type=&quot;text/javascript&quot;> //<!-- $(document).ready(function() {$(&quot;.w2bslikebox&quot.hover( function() {$(this).stop().animate({right: &quot;0&quot;}, &quot;medium&quot;}, function() {$(this).stop().animate({right: &quot;-250&quot;}, &quot;medium&quot;}, 500);}); //--> </script> <style type=&quot;text/css&quot;> .w2bslikebox{background: url(&quot;http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn&quot 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 &quot;lucida grande&quot;,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=&quot;w2bslikebox&quot; style=&quot;&quot;><div><iframe src=&quot;http://www.facebook.com/plugins/likebox.php?href=ضع هنا رابط صفحتك على الفيس بوك&width=245&colorscheme=light&show_faces=true&conne ctions=9&stream=false&header=false&height=270&quot ; scrolling=&quot;no&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; style=&quot;border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;&quot;></iframe><span> <a href=&quot;http://www.al3ajaib.blogspot.com&quot;>+Get This!</a></span></div></div>

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

المصدر : al3ajaib






©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©