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

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

قالب,معرب,مطور,مدونات,بلوجر,سلايد شو,تحميل,اضافات,معاينة,صور,blogger,template,addition,فيسبوك,تويتر,facebook,الربح من الانترنت,جوجل,ادسنس,فيديو,شرح,طريقة,تقنية,معلومات,محترف,مدونة

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



مميزاته
 بسيط جداً في التركيب

وسهولة التعديل علية 

وتستطيع وضعه بأي مدونة أخرى 

بالبداية هنا كود سلايد شو

<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://msstra.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://msstra.blogspot.com/

للتعديل على حجم السلايد شو من خلال القيم التالية ذات اللون الاحمر

عرض لسلايد

width: 500,

إرتفاع لسلايد

height: 250,

ثم

ادخل لوحة التحكم ومن ثم على التخطيط واستخدم إضافة أدة بالمكان المناسب وضع الكود داخلة

 ومبروك عليك

شارك هذا المنشور