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