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

on - 11/08/2013

بسم الله الرحمن الرحيم

اقدم لكم زوارنا الكرام شرح لكيفية اضافة صندوق اعجبني متحرك علي جانب المدونة اضافة رائع ومميزة جدا يستخدمها كثير من المدونات لزياة عدد معجبين بصفحتهم اضافة مميزة جدا ومفيدة ارجو ان تنال اعجابكم.

اولا

طريقة اضافة الاداة

1- اذهب للوحة التحكم

2- تخطيط

3- تحرير HTML

4- توسيع عناصر القالب

5- قم بالبحث عن : </head>

و ضع فوقه مباشرة

--------------------------------------------------------------------------

----------------------------------------------------------------------------

ثانيا

لأضافة الأداة

1- اذهب الى لوحة التحكم

2- تخطيط

3- اضافة اداة

4- اداة HTML

انسخ الكود التالي :

------------------------------------------------------------------------------

/*<![CDATA[*/

jQuery(document).ready(function() {jQuery(".w2bslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});

/*]]>*/

</script>

.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoMCIP_NNoMy8KtgR4Dv361d9zAm7mGbnaDSdZ48jSZnuM3TuOw1uTJfh8HFAfx-NfSXAbnaLFM_KRv5YhzCSQAlphE3MX99gb60Jhhuu_AS204WuztNveJvN3pBVaKu_0BsIuw8Jr_NH0/s150/w2b_facebookbadge.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;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: 7px;text-align: right;z-index: 99999;}

.w2bslikebox span a{color: gray;text-decoration:none;}

.w2bslikebox span a:hover{text-decoration:underline;}

</style>

<div>

</div>

------------------------------------------------------------------------------

غير ماهو بلون الازرق rkthononline بي اسم صفحتك علي الفيس بوك

ارجو ان يكون ينال اعجابكم الموضوع