سلايد شو احترافي لمدونات بلوجرتلقائي يعرض اخرالمواضيع

السلام عليكم ورحمة الله وبركاته اعزائنا متابعي مدونة أقرب طريق في درسنا اليوم لمدونات بلوجر هو سلايدر احترافي يعرض

اخر المواضيع بشكل افقي كما يعرض ايضا تاريخ كتابة الموضوع وايضا التعليقات كما يمكنك التعديل عليه سواء كان بالطول

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

نذهب الى قالب المدونه ونبحث عن وسم

ثم نضع فوقه الكود التالي

/*!
 * Custom TinyCarousel for Blogger by aqrabtareeq
 * Visit: http://www.aqrabtareeq.com/.id
 */
.tinycarousel {
  overflow:hidden;
  font:normal normal 10px/12px Arial,Sans-Serif;
  color:#666;
  margin:0 auto;
}
.tinycarousel-viewport {
  overflow:hidden;
  position:relative;
  background-color:#eee;
  border:1px solid #ccc;
  margin:0 auto;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.tinycarousel-overview {
  list-style:none;
  margin:0;
  padding:0;
  position:absolute;
  left:0;
  top:0;
}
.tinycarousel-overview li {
  list-style:none;
  float:left;
  padding:0;
  height:auto;
  background-color:white;
  color:#666;
}
.tinycarousel-inner {
  padding:10px;
  border:1px solid #ccc;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  overflow:hidden;
  position:relative;
}
li .tinycarousel-inner {padding-bottom:48px}
.tinycarousel-image {
  display:block;
  width:100%;
  height:auto;
  border:none;
  outline:none;
  margin:0;
  padding:0;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
.tinycarousel-title {
  font:normal bold 11px/100% Verdana,Tahoma,Arial,Sans-Serif;
  color:#39f;
  margin:0 0 6px;
  padding:10px 0 0;
  background:none;
}
.tinycarousel-title a {
  color:inherit;
  text-decoration:none;
  border:none;
}
.tinycarousel-summary {
  margin:0;
  padding:0;
  overflow:hidden;
}
.tinycarousel-footer {
  color:#aaa;
  background-color:#333;
  background-image:-webkit-linear-gradient(#555,#333);
  background-image:-moz-linear-gradient(#555,#333);
  background-image:-ms-linear-gradient(#555,#333);
  background-image:-o-linear-gradient(#555,#333);
  background-image:linear-gradient(#555,#333);
  padding:0 10px;
  height:24px;
  line-height:24px;
  overflow:hidden;
  position:absolute;
  right:0;
  bottom:0;
  left:0;
}
.tinycarousel-footer-date {bottom:24px}
.tinycarousel-navigation {
  display:block;
  background-color:white;
  border:1px solid #ccc;
  margin:2px auto 0;
  overflow:hidden;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.tinycarousel-navigation .tinycarousel-inner {border:none}
.tinycarousel-button {
  background-color:#666;
  padding:2px 5px;
  overflow:hidden;
  position:relative;
  float:left;
  margin:0 2px 0 0;
  color:white;
  text-decoration:none;
  font-weight:bold;
  text-align:center;
}
.tinycarousel-navigation .disable {display:none}
.tinycarousel-button:active {background-color:#900}
.tinycarousel-total-posts {
  float:right;
  margin:2px 5px 0 0;
  font-weight:bold;
  font-size:120%;
}
/* Orientasi Vertikal */
.tinycarousel.vertical .tinycarousel-overview li {
  float:none;
  display:block;
}
.tinycarousel.vertical .tinycarousel-button,
.tinycarousel.vertical .tinycarousel-total-posts {
  float:none;
  display:block;
  margin:0 0 2px;
}
.tinycarousel.vertical .tinycarousel-button.disable {display:none}
.tinycarousel.vertical .tinycarousel-total-posts {
  text-align:center;
  margin-top:10px;
  margin-bottom:0;
}

والان نذهب الى تخطيط ونختار اداة HTML/JavaScript

ونضع الكود التالي ونضغط حفظ

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<div id="tinycarousel-container" class="tinycarousel">
</div>
<script>
var tinycarousel_config = {
    url: 'http://www.aqrabtareeq.com/',
    numPosts: 24,
    labelName: null,
    containerId: 'tinycarousel-container',
    newTabLink: false,
    summaryLength: 100,
    monthArray: [
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    noImage: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC',
    nav: {
        prevText: '<',
        nextText: '>',
        showText: ' هنا{num}مشاركة'
    },
    carousel: {
        axis: "x",
        itemwidth: 200,
        itemheight: 320,
        itemmargin: 5,
        itempadding:10,
        visible: 4,
        display: 1,
        start: 1,
        interval: true,
        intervaltime: 3000,
        animation: true,
        duration: 1000,
        easing: "swing",
        callback: function() {}
    }
};
</script>
<script src="http://dte-project.googlecode.com/svn/trunk/blogger-tinycarousel.js"></script>

فقط استبدل رابط مدونة أقرب طريق برابط مدونتك http://www.aqrabtareeq.com/

ومبروك عليكم السلايدر الأحترافي قدمت لكم هذا السلايدر بالأستفاده من هوم بلوجر

لا ننسى دروسنا السابقه كانت

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

سلايدر احترافي تقني لأصحاب المواقع والمدونات بتنسيقات سهله

أقرب طريق : من العراق , اهتمامي وحبي للتدوين هو ما جعلني أستمر ليس فقط لتقديم المواضيع بل أيضا لمساعدة الأشخاص المبتدئين ، كما كنت سابقا إلا أني لم أجد من يساعدني ! مع ذلك كافحت وواضبت على ماأحبه من عمل لأصل إلى ما أريده ، ليس كمستقبل لكن كهدف حققته , اهتماماتي للتدوين جعلني أتحدى العمل ، للأكواد ، والتعديل عليها وتكويدهالتخرج بالأشكال المناسبه .

من فضلك تابعنا :
fb
tw
gl

التحالف الأسلامي بين الأمل والواقع

.๑. التحالف الاسلامي ... بين .. الأمل والواقع .?.

بسم القوي العزيز ..... الجميع يسأل عن التحالف الإسلامي ونحن نسأل معهم ...ونأمل أن يكون موجودا أو سيوجد فعلا ...ونأمل أن يكون بعيدا عن منافسات وصراعات ومنازعات محاور القوى الدولية ...ونأمل أن يكون قويّا رصينا متحمّلا مسؤولية الشرع والأخلاق والإنسانية في تخليص شعوب المنطقة خاصة في العراق و سوريا من الظلم والحيف والفقر والمرض والهجرة والنزوح والحرمان والقتل و الإرهاب ؟؟ فإذا هو كذلك فانه عمل جريء وشجاع وإننا و باسم مَن يوافقنا من أبناء شعبنا العربي والإسلامي المظلوم نعلن تأييدنا ومباركتنا ودعمنا الكامل للتحالف الإسلامي ، ونأمل أن يكون التحالف عند حسن ظن الملايين المحرومة المظلومة التي تركت الديار قفارا وسكنت البراري والجبال وعبرت البحار وغرق وفُقِدَ الآلاف وهم يشكون ظلم العباد إلى الله الواحد الأحد.) الصرخي الحسني 18/12/2015 م 6/ ربيع الأول/ 1437هـ

من نحن

أقرب طريق : من العراق , اهتمامي وحبي لتدوين هو ما جعلني أستمر ليس فقط لتقديم المواضيع بل أيضا لمساعدة الأشخاص المبتدئين ، كما كنت سابقا إلا أني لم أجد من يساعدني ! مع ذلك كافحت وواضبت على ماأحبه من عمل لأصل إلى ما أريده ، ليس كمستقبل لكن كهدف حققته , اهتماماتي للتدوين جعلني أتحدى العمل ، للأكواد ، والتعديل عليها وتكويدهالتخرج بالأشكال المناسبه

تواصل معي

8 التعليقات:

Unknown17 أكتوبر 2015 في 11:40 م
روعه سلايدر جميل جدا
ردحذف
الردود
Unknown17 أكتوبر 2015 في 11:42 م
عذرا اخي كيف استطيع ان اتحكم بأرتفاع وعرض السلايدر تحياتي
ردحذف
الردود
Alla29 يونيو 2016 في 4:48 م
لم يعمل معي انا استخدم قالب bmag ولم تعمل ايضا جهة اخر المواضيع
ردحذف
الردود
Alla29 يونيو 2016 في 4:48 م
لم يعمل معي انا استخدم قالب bmag ولم تعمل ايضا جهة اخر المواضيع
ردحذف
الردود
Alla29 يونيو 2016 في 4:48 م
لم يعمل معي انا استخدم قالب bmag ولم تعمل ايضا جهة اخر المواضيع
ردحذف
الردود

المشاركات الشائعة

اضافات بلوجر ودروس المواقع

سلايد شو احترافي لمدونات بلوجرتلقائي يعرض اخرالمواضيع

8 التعليقات:

المشاركات الشائعة

اضافات بلوجر ودروس المواقع

سلايد شو احترافي لمدونات بلوجرتلقائي يعرض اخرالمواضيع

مواضيع ذات صلة

8 التعليقات: