معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)
-   -   سلايد شو بلوجر جميل وسهل التركيب (https://www.bloggerexp.com/showthread.php?t=6938)

3li 04-10-2013 05:21 PM

سلايد شو بلوجر جميل وسهل التركيب
 
1 مرفق
السلام عليكم ورحمة الله

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

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

كود 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,
ثم
ادخل لوحة التحكم ومن ثم على التخطيط واستخدم إضافة أدة بالمكان المناسب وضع الكود داخلة ومبروك عليك
http://4.bp.blogspot.com/-VsY60nGWlG...adget+html.png

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

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

المصدر من هنا
:bye:




mahao 04-11-2013 04:56 PM

رد: سلايد شو بلوجر جميل وسهل التركيب
 
الف شكر على الطرح المميز

ahmedfayq 10-18-2013 07:47 PM

رد: سلايد شو بلوجر جميل وسهل التركيب
 
بارك الله فيك

الهجان 11-13-2013 07:42 PM

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


الساعة الآن 09:44 AM

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012