إضافة كود صندوق الإعجاب الجانبي المنزلق

إضافة كود صندوق الإعجاب الجانبي المنزلق من موقع الوليد نت

السلام عليكم ورحمة الله و بركاته 



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


أولا اذهب إلى 



 لوحة التحكم
 قالب
Html تحرير
 توسيع القالب

لا تنسى أخد نسخة احتياطية للقالب



Alt+f
ثم أبحت عن الكود التالي بالضغط على
 
<head>
 
تم أضف الكود التالي تحته

   <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>


ثانيا ادهب
لوحة التحكم
 التخطيط
 اضافة اداة
Html/javascript
 الصق الكود التالي


<script type="text/javascript">
 /*<![CDATA[*/
 jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
 /*]]>*/
 </script>
 <style type="text/css">
 .abtlikebox{background: url("http://4.bp.blogspot.com/-mMtB2ANqowQ/T6es-PuSR2I/AAAAAAAAAjM/LDamrUnMJJc/s320/fb1-right.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index:  99999;position:fixed;right:-250px;top:20%;}
.abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid  #3b5998; background:#fafafa;}
.abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
 .abtlikebox span a{color: gray;text-decoration:none;}
 .abtlikebox span a:hover{text-decoration:underline;}
}
</style>
 <div class="abtlikebox" style="">
     <div>
     <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Faaaaa&width=245&colorscheme=light&show_faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;"></iframe><span>:<a href="http://www..blogspot.com"> مفتاح بلوجر</a></span>
     </div>
</div>


aaaaaوبعد دلك غير كلمة
إلى اسم صفحتك على الفيسبوك
وهكذا نكون قد انتهينا

إضافة كود صندوق الإعجاب الجانبي المنزلق إضافة كود صندوق الإعجاب الجانبي المنزلق بواسطة walid al Bana on 8:28:00 ص القسم: 5

ليست هناك تعليقات :

يتم التشغيل بواسطة Blogger.