عرض مشاركة واحدة
قديم 04-10-2013, 05:21 PM   #1
3li
مدون مميز
 
الصورة الرمزية 3li
 
تاريخ التسجيل: Dec 2012
الدولة: PaLeStinE
المشاركات: 343
افتراضي سلايد شو بلوجر جميل وسهل التركيب

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

أقدم اليكم سلايد شو لمدونة بلوجر

مميزاته بسيط جداً في التركيب
وسهولة التعديل علية
وتستطيع وضعه بأي مدونة أخرى
مثال عليه ==> مدونة سيدتي
بالبداية هنا كود سلايد شو

كود PHP:
<style scoped="" type="text/css">
#coinautoslide{margin:0 auto;border:4px solid white;border-radius:2px;font:normal normal 11px Verdana,Geneva,sans-serif;line-height:1.6em}
.coin-slider{overflow:hidden;zoom:1;position:relative}
.
coin-slider a{text-decoration:none;outline:none;border:none}
.
cs-buttons{font-size:0;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-buttons a{border-radius:50%;background:#CCC;background:-webkit-linear-gradient(top,#CCCCCC,#F3F3F3);background:-moz-linear-gradient(top,#CCCCCC,#F3F3F3);background:-o-linear-gradient(top,#CCCCCC,#F3F3F3);background:-ms-linear-gradient(top,#CCCCCC,#F3F3F3);background:linear-gradient(top,#CCCCCC,#F3F3F3)}
a.cs-active{background:#599BDC;background:-webkit-linear-gradient(top,#599BDC,#3072B3);background:-moz-linear-gradient(top,#599BDC,#3072B3);background:-o-linear-gradient(top,#599BDC,#3072B3);background:-ms-linear-gradient(top,#599BDC,#3072B3);background:linear-gradient(top,#599BDC,#3072B3);border-radius:50%;box-shadow:0 0 3px #518CC6;border:1px solid #3072B3!important}
.cs-title{width:100%;padding:5px 0;background-color:#000000;color:#FFFFFF}
.cs-title strong{display:block;font-size:120%}
.
cs-title p{margin:0}
.
cs-title cite{font-size:90%}
.
cs-title strong,.cs-title cite,.cs-title p{padding:0 10px}
.
cs-prev,.cs-next{background-color:#000000;color:#FFFFFF;padding:0 10px}
</style>
<
script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type='text/javascript'>
var AutoCoinConfig = {  
 url_blog: "http://4yasmina.blogspot.com", 
 MaxPost: 7, 
 cmtext: "تعليق", 
 MonthNames : ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"], 
 pBlank : "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif", 
 NoCmtext : "لا يوجد تعليقات",
 imageSize :500,
 SumChars : 100,
 tagName:false,
 width: 500,
 height: 250,
 spw: 7,
 sph: 5,
 delay: 3000,
 sDelay: 30, 
 opacity: 0.7,
 titleSpeed: 500,
 effect: '',
 navigation: true,
 links : true,
 hoverPause: true,
 prevText: 'السابق',
 nextText: 'التالي'
};
</script>
<script src="https://sites.google.com/site/3aassi/Slideshow.js" type="text/javascript"></script> 
طريقة التركيب
إستبدل الرابط التالي برابط مدونتك
http://4yasmina.blogspot.com

للتعديل على حجم لسلايد من خلال القيم التالية
عرض لسلايد
width: 500,
إرتفاع لسلايد
height: 250,
ثم
ادخل لوحة التحكم ومن ثم على التخطيط واستخدم إضافة أدة بالمكان المناسب وضع الكود داخلة ومبروك عليك


أو من داخل القالب بالمكان الذي تريده

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

المصدر من هنا




الملفات المرفقة
نوع الملف: zip New-Slideshow-Blogger.zip‏ (42.4 كيلوبايت, المشاهدات 13)

الدعم العربي

3li غير متواجد حالياً   رد مع اقتباس