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

السلام عليكم

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

معاينة:

طريقة الإضافة:
أذهب إلى لوحة التحكم في مدونتك >>> تخطيط >>> إضافة أداة >>> ثم أختر HTML/javascripte ثم أضف الكود التالي :

<style>.slider-rotator h4{text-align:right !important;}.slider-rotator p{text-align:right !important;}.slider-rotator-nav{background:#10A5F8 !important;border:1px solid #CCC !important;border-radius:5px !important;margin:5px 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://theproinfor.blogspot.com" // Add your blog URL});</script>

تم غير:

theproinfor.blogspot.com الى رابط مدونتك