أخر المواضيع

سلايد شو إضافة اخر المشاركات في القائمة الجانبيه بتقنية css




بسم الله الرحمن الرحيم
والصلاة والسلام على خير خلق الله سيدنا محمد عله الصلاة واتم التسليم
السلام عليكم ورحمة الله وبركاته .

طبعا الأضافة تقريباَ هي على شكل سلايد شو ولاكن تعرض اخر المشاركات في القائمة الجانبيه , الأضافة تعرض تقريباَ خمس مشاركات من أخر المشاركات .
قمت بتحسين شكل الأداة وذالك بإضافة بعض التحسينات بلغة CSS3 مما يعطيها منظر أنيق وشكل أكثر جاذبيه .

على العموم نبداء .

صورة من الأداة : 


إضافة اخر المشاركات في القائمة الجانبيه لمدونة بلوجر
إضافة اخر المشاركات في القائمة الجانبيه لمدونة بلوجر



طريقة تركيب الأداة : 

  • ادخل مدونتك .
  • اتجه الى التخطيط . 
  • اضف اداة جديدة عبارة عن HTML/javascript.
  • انسخ والصق هذا الكود : 


 <!-- Edit By http://mohtarefnetdz.blogspot.com/ -->
<style>.slider-rotator h4{text-align:right !important;}.slider-rotator p{text-align:right !important;}.slider-rotator-nav{background:#DDD !important;border:1px solid #CCC !important;border-radius:5px !important;margin:2px 12px !important;}.slider-rotator-nav a{background-color:#FFF !important;color:#777 !important;border:1px solid #CCC !important;border-radius:4px !important;}.slider-rotator-nav a:hover{background-color:#FFFDD8 !important;}.slider-rotator-nav a.current{background-color:#BDB6AA !important;border:1px solid #999 !important;color:#FFF !important;}.slider-rotator{border-radius:5px !important;}</style>
<link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/>
<div id="slider-rotator" class="slider-rotator loading"></div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/blogger-feed-rotator.min.js"></script>
<script type="text/javascript">
makeSlider({
    url: "http://mohtarefnetdz.blogspot.com/" // Add your blog URL
});
</script>



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





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

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

    ردحذف
  2. اريد تعلم expression web ولكني لم اجد مراجع كافية باللغة العربية هل يمكن ان تدلني على موقع او كتاب في هذا المجال وجزاك الله عنا كل خير .

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

    ردحذف