21‏/01‏/2013

شرح إضافة سلايدر لمدونات بلوجر


السلام عليكم ورحمه الله وبركاته
شرح إضافة سلايدر لمدونات بلوجر 

..


 


سجل الدخول للمدونة وتوجه الي صفحة - تحرير html 
ctrl + f وابحث عن <head>

اضف بعده هذا الكود

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

<script src='http://javascript-file.googlecode.com/svn/trunk/coin-slider.min.js' type='text/javascript'/>

الان ابحث عن  ]]></b:skin> 
 وفوق الكود السابق مباشرة أضف الكود التالي


/*

 Coin Slider jQuery plugin CSS styles
 http://workshop.rs/projects/coin-slider
*/
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }
.cs-title { text-align:right; width: 590px; padding:10px; background-color: #000000; color: #FFFFFF; }
.cs-prev,
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }


ملاحظة : العدد المكتوب 

    بالأحمر" هو عرض مستطيل عنوان الموضوع "  


الان اضغط معاينة .. ثم حفظ اذا أعجبك السلايد 

اتمنى الفائدة للجميع 

http://tedom.blogspot.com



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

إرسال تعليق