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

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

  • ادخل مدونتك .
  • اتجه الى التخطيط . 
  • اضف اداة جديدة عبارة عن HTML/javascript.
  • انسخ والصق هذا الكود :
<!-- Edit By http://www.techproarab.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://techproarab.blogspot.com" // Add your blog URL
});
</script>
       استبدله برابط مدونتك .


0 commentaires

عن المدونة

مدونة محترفي التقنية تم تأسيسها من أجل مشاركة معارفنا وخبراتنا في شتى المجالات التقنية والمعلوماتية,كما نسعى إلى وضع كل ما نعرفه في شتى المجالات داخل مدونتنا لتستفيدوا منها, إضافة إلى تقريبكم من جديد البرامج وأخبار الشركات الكبرى ولتصفح المدونة بشكل أفضل ننصح باستعمال جوجل كروم