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


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

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

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



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

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

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

مثال مباشر من الأداة : 


تفعيل حساب ادسنس بدون Pin Code وفي خلال ساعتين فقط

تفعيل حساب ادسنس بدون Pin Code وفي خلال ساعتين فقط

بسم الله الرحمن الرحيم والصلاة والسلام على خير خلق الله …

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

  • ادخل مدونتك .
  • اتجه الى التخطيط . 
  • اضف اداة جديدة عبارة عن 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>
       ليس بالضرورة ان تضعه اذا كان موجود بالفعل بمدونتك .
       استبدله برابط مدونتك .


إرسال تعليق

0 تعليقات