أحبتي في الله .. السلام عليكم ورحمه الله وبركاته ..أحببت أن أقدم لكم اليوم إضافة بلوجر جديدة سلايد شو (slider) تلقائي محترف لمدونات بلوجر جميل يعرض أخر المشاركات بطريقة متقلبة في الصور والمقالات مع التاريخ والتعليقات .... اتمنى أن ينال رضاكم ( السلايد تم تجربته وهو يعمل 100%)
لإضافته إلى مدونتك إذهب إلى
لوحة تحكم مدونتك -->> تخطيط --> إضافة أداة ثم أخترأداة HTML/JavaScript
لإضافته إلى مدونتك إذهب إلى
لوحة تحكم مدونتك -->> تخطيط --> إضافة أداة ثم أخترأداة 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://mahdi4design.blogspot.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 مثال:
تجده عادةً فوق الرمز </head> أبحث عنه إذا وجدت أحد الاصدارات لا حاجة لإضافته من أجل تجنب الأخطاء قم بحذف الرمز المشار إليه باللون الأزرق.
غير الرابط بالون الاحمر mahdi4design.blogspot.com برابط مدونتك
لتغيير عدد المشاركات التي تظهر بالسلايد شو غير الرقم المشار إليه باللون الاحمر 8 باللون البنفسجي
أيضاً غير أبعاد طول وعرض السلايدر ليتناسب مع مدونتك بالارقام المشار اليها باللون الاخضر
***********************
ومسك ختامنا ان الحمد لله رب العالمين والصلاه والسلام على جميع الانبياء والمرسلين . وخاتم الانبياء والمرسلين سيدنا وحبيبنا وشفيعنا
محمد وعلى اله وصحبه المنتجبين الطاهرين
أحبتي . التقيكم أن شاء الله في موضوع اخر
للتشجيع . اترك لنا تعليقك . واضغط على اعجبني .. ويمكنك أيضاً مشاركه المنشور على الفيس بوك
مدون عراقي عمري 26 سنه . اهتم بعالم التصميم الطباعي والالكتروني والبرمجه واخبار التكنلوجيا والرسم والشعر وكتابه القصص القصيرة.... هدفي من هذه المدونه هو نشر الفائده للمصممين المبتدئين ومساعدتهم للتطور . وتقديم المتعة والفائدة لمتذوقين المعلوماتية والثقافات .. أسئل الله ان يوفقنا بما نحن مقدمين عليه ..
0 التعليقات