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

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

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

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

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

 <!-- Edit By http://www.7lolblogger.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://alkspan.blogspot.com/" // Add your blog URL
});
</script>