اسهل طريقة لاضافة سلايد شو الى مدونات بلوجر 2015 متجاوب

السلام عليكم و رحمة الله تعالى وم بركاته في هذه التدوينة من سلسلة بلوجر سوف نتطرق الى طريقة اضافة سلايد شو Slidershow  احترافي و انيق متوافق مع جميع المدونات , يتم عرض اخر المواضيع و المشاركات " صور للموضوع + العنوان + مقتطف من وصف المقالة " تلقائيااا و لكن باضافة كود السلايد , مما يساهم فب جذب انتباه الزائر و باالتالي قيمة فنية رائعة تضيف الى مميزات المدونة لكي تضيف السلايد شو الى مدونتك يجب اولا اضاقة اداة  HTML / Java Script , الامر بسيط جدااا و ساحاول تبسيطه اكثر , قدر الامكان ان شاء الله >>>>>

صورة تبين شكل السليد :

1)  اولا : نقوم باضافة اداة HTML / Java Script :

2) بعد اضافة الاداة سوف ياتي لك مربع متل هذا الشكل :

ااخطوة الاخيرة : نقوم بنسخ هذا الكود في ذلك المربع :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id="s3slider-container">
  <div class="s3slider loading" style="width:420px;height:270px;">
    Memuat...
  </div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script>
var s3slider_config = {
    url: 'http://www.professionjadid.blogspot.com/',
    numPost: 7,
    labelName: null,
    monthArray: [
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    noImage: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC',
    newTabLink: false,
    containerId: 's3slider-container',
    slider: {
        width: 600,
        height: 400,
        timeOut: 4000
    }
};
</script>
<script src="http://dte-project.googlecode.com/svn/trunk/blogger-s3slider.js"></script> 
</b:if>

http://www.professionjadid.blogspot.com/ : غير رابط مدونتي برابط مدونتك 

• غرد تغريدة
• شاركه
• شاركه
• شاركه
• شاركه

إشترك بالنشرة البريدية