وصف البدو : [ يعتبر النظام السياسي عند البدو بمنتهى الغرابة !!! لأنه يعطي مثالا راقيا لأفضل أنواع الديمقراطية في العالم ، وربما ديمقراطية البدو هي الوحيدة التي تتحقق فيها الشعارات التالية : الحرية ، المساواة ، الأخوة .] /// آن بلنت

الجمعة، 7 مارس 2014

سلايد شو تلقائي إحترافي لمدونات بلوجر أحدث سلايد شو

سلايد شو تلقائي إحترافي لمدونات بلوجر أحدث سلايد شو



السلام عليكم ورحمة الله وبركاته
نقدم لكم إضافة جديدة سلايد شو (slider) تلقائي محترف لمدونات بلوجر جميل يعرض أخر المشاركات بطريقة متقلبة في الصور والمقالات مع التاريخ والتعليقات 




لإضافته إلى مدونتك إذهب إلى لوحة تحكم مدونتك -->> تخطيط --> إضافة أداة ثم أخترأداة HTML/JavaScript



ثم أضف الكود التالي داخل المربع :
<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://www.madad2.com/",
 MaxPost: 8,
 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 : "comment number",
 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://dl.dropboxusercontent.com/s/ps6ipd33yf46hti/slider-www-madad2-com.js" type="text/javascript"></script>
ملاحظة هامة: إذا كان لديك أحد إصدارات ajax مثال:

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


تجده عادةً فوق الرمز </head> أبحث عنه إذا وجدت أحد الاصدارات لا حاجة لإضافته من أجل تجنب الأخطاء قم بحذف الرمز المشار إليه باللون الأزرق.

غير رابط www.madad2.com برابط مدونتك
لتغيير عدد المشاركات التي تظهر بالسلايد شو غير الرقم المشار إليه باللون الاحمر 8

ثم حفظ

المصدر
مدونة مداد الجليد
http://www.madad2.com/

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

إرسال تعليق