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

السلام عليكم ورحمة الله وبركاته
نقدم لكم إضافة جديدة سلايد شو (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

ثم حفظ



مشاركات أقدم المقال التالي
23 تعليق
  • Unknown
    Unknown 17‏/07‏/2014، 12:22:00 ص

    أخي الطيب أشكرك جزيل الشكر على هذا السلايد الاكثر من رائع ...

    أخي جعلته في المدونة واريد أن اجعله في عرض الواجه كلها وليس في الوسط فكيف ذلك ؟

    ــــــــــــــــــــ

    عندما وضعت السلايس في المدونة ثقلت هل هذا الثقل بسبه أم ماذا ؟

    ــــــــــــــــــــــــ

    وشكراً جزيلاً لك .

    • مداد الجليد
      مداد الجليد 17‏/07‏/2014، 4:44:00 ص

      اهلا بك
      تمت الإشارة على الرموز التي يمكنك من خلالها تغيير العرض والطول
      طبعا كل اضافة تؤثر على ثقل المدونة اذا رغبت باضافته يمكنك ازالة اضافة اخرى بالمقابل غير مفيدة..

  • Unknown
    Unknown 07‏/12‏/2014، 11:26:00 ص

    السلايدر رائع لكن مدونتي لا تقبل اي سلايدر مهما كان شكله ولا اعرف السبب

    • مداد الجليد
      مداد الجليد 07‏/12‏/2014، 10:07:00 م

      أخي الكريم ابحث عن هذا الرابط ajax.googleapis.com إذا وجدت أكثر من رمز يجب حذفها جميعها وترك واحد فقط فوق الهيدر وبعد ذلك يمكنك التجربة

  • wenolo
    wenolo 16‏/02‏/2015، 5:15:00 ص

    www.inter-web1.com

  • علي العراقي
    علي العراقي 07‏/04‏/2017، 1:27:00 م

    شكراً اخي على الكود وموقعك مفيد جداً
    جزاك الله كل خير .. لدي استفسار بسيط
    كيف اقلل وقت الانتقال بين التدوينات في السلايد شو
    بحيث اجعل السلايد شو ابطئ قليلاً

    • مداد الجليد
      مداد الجليد 07‏/04‏/2017، 2:02:00 م

      العفو أخي علي مرحبا بك
      هذه سرعة العنوان يمكنك زيادة الرقم او تخفيضه titleSpeed: 500,
      وهذه لسرعة السلايد شو delay: 3000,
      اذا كنت تريد تخفيض سرعته عليك بتقليل الرقم 3000

  • محمد
    محمد 03‏/12‏/2017، 4:09:00 م

    شكرا جزيل والله انه السلايدر الوحيد الي اشتغل معي
    اغلبيت كل المواضيع الموجودة في الانترنت العربية هي نسخ و لصق لنفس الموضوع و نفس الكود السلايدر اللعين الذي لم يريد ان يشتغل

    • مداد الجليد
      مداد الجليد 03‏/12‏/2017، 5:10:00 م

      العفو اخي الكريم اضحكتني :D
      شكراً على تعليقك

  • محمد
    محمد 06‏/12‏/2017، 9:31:00 م

    اشكرك حقا اسلايدر خفيف و رئاع و فضلا ليس امرا اريد منك اخي اعطائي كود او طريقة لجعل السلايدر يفتح المواضيع في نفس الصفحة عند الضغط عليه، بحيث اني بحثت عن target="_blank" كي احذفها لكني لم اجدها

    • مداد الجليد
      مداد الجليد 07‏/12‏/2017، 7:55:00 م

      مرحبا اخي محمد
      الوسم target="_blank" موجود بالفعل اخي ولكنه بملف:
      <script src="https://dl.dropboxusercontent.com/s/ps6ipd33yf46hti/slider-www-madad2-com.js" type="text/javascript"></script>

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

  • محمد
    محمد 07‏/12‏/2017، 10:21:00 م

    جزاك الله خيرا، اريد استفسار خارج الموضوع لو تكرمت افدني من خبرتك
    عندي قالب يوجد به كود جافا مشفر و خبيث عندما اقوم بحذفه تتعطل ميزة
    في القلب و هي "عدم القدرة للدخول للمواضيع المنشورة بحيث عند الضغط على موضوع تفتح الصورة المضافة داخل الموضوع بدل نقلي للموضع
    فهمت ان هذاالكود الخبيث مشفر و مضاف اليه اداة الدخول للمواضيع بحيث عندما تقوم بحذفه تتعطل ميزة الدخول للمواضيع
    ما هو الحل؟ هل يوجد كود اقوم بإضافته للقالب يمكنني من الدخول للمواضيع من جديد

    • مداد الجليد
      مداد الجليد 07‏/12‏/2017، 10:44:00 م

      يرجى ارفاق الكود بملف text على الموقع https://upload-files.cc/ ووضع رابط التحميل هنا

  • محمد
    محمد 07‏/12‏/2017، 10:53:00 م

    تفضل اخي https://upload-files.cc/index.php?download=MjQxOA==

    • مداد الجليد
      مداد الجليد 07‏/12‏/2017، 10:59:00 م

      الكود الاصلي: https://upload-files.cc/index.php?download=MjQxOQ==

  • محمد
    محمد 08‏/12‏/2017، 6:56:00 م

    اخي مداد كود الجافا الخاص بسلايدر شو في اللحظةالتي احذف منه target="_blank" و اعيد رفعه يظل يشتغل ولاكن عند الضغط على المواضيع لا يحدث شيئ، اذا امكن هل يمكنك التعديل عليه انت و اعطائي رابط التحميل و سأعيد رفعه .. هذا هو كود الجافا الخاص بسلايدر شو https://upload-files.cc/index.php?download=MjQyMw==
    _______________________________________________________
    بنسبة للكودالخاص بالقالب لم يفلح الامر للاسف

  • محمد
    محمد 08‏/12‏/2017، 10:58:00 م

    اخي مداد بالنسبة للقالب ...الكود الذي قلت لك انه تعتبر برامج مكافحة الفيروسات و المواقع فيروس ..لقد قمت بفك تشفيره باحد البرامج التي وضعتها انت في مدونتك و قمت باضافته للقالب فاصبح القالب سليم اثناء الفحص .. برغم من اني لم اقم بحذف اي شيئ من الكود .. فقط قمت بفك تشفيره ... لماذا .. هل البرامج و المواقع تعتبر الكود الطويل والمشفر فيروس حتى ولو كان غير ذلك ؟
    ________________________________________________
    انتظر كود السلايدر اخي مداد

    • مداد الجليد
      مداد الجليد 09‏/12‏/2017، 12:03:00 ص

      بسبب انه مشفر وغير معروف نسبيا قد تعتبره برامج مكافحة الفيروسات برنامج خبيث
      هذا هو الرابط بدون نافذة جديدة:
      https://cdn.rawgit.com/mohammedxx/madad2/a23c0005/slider-www-madad2-com.js

  • محمد
    محمد 09‏/12‏/2017، 1:38:00 ص

    كل شيئ اصبح تمام
    شكرا اخي مداد على المساعدة وعلى هذه المدونة الجميلة
    اتمنى لك كل التوفيق

    • مداد الجليد
      مداد الجليد 09‏/12‏/2017، 5:49:00 م

      أهلاً وسهلاً أخي محمد

أضف تعليق
عنوان التعليق