إضافة سلايد شو اتوماتيكي يعرض أخر المشاركات في القائمة الجانبيه
طبعا الأضافة تقريباَ هي على شكل سلايد شو ولاكن تعرض اخر المشاركات في القائمة الجانبيه ,
الأضافة تعرض تقريباَ خمس مشاركات من أخر المشاركات . قمت بتحسين شكل الأداة وذالك بإضافة بعض التحسينات بلغة CSS3 مما يعطيها منظر أنيق وشكل أكثر جاذبيه .
طريقة تركيب السلايد شو :
ادخل مدونتك . اتجه الى التخطيط .
اضف اداة جديدة عبارة عن HTML/javascript.
انسخ والصق هذا الكود :
الكود :
<!-- Edit By http://blog.7lolblogger.com/ -->
<style>.slider-rotator h4{text-align:right !important;}.slider-rotator p{text-align:right !important;}.slider-rotator-nav{background:#33B5E5 !important;border:1px solid #2C3E50 !important;border-radius:5px !important;margin:2px 12px !important;}.slider-rotator-nav a{background-color:#FFF !important;color:#777 !important;border:1px solid #F74551 !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://kalam-blogger2.blogspot.com/" // Add your blog URL
});
</script>
<style>.slider-rotator h4{text-align:right !important;}.slider-rotator p{text-align:right !important;}.slider-rotator-nav{background:#33B5E5 !important;border:1px solid #2C3E50 !important;border-radius:5px !important;margin:2px 12px !important;}.slider-rotator-nav a{background-color:#FFF !important;color:#777 !important;border:1px solid #F74551 !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://kalam-blogger2.blogspot.com/" // Add your blog URL
});
</script>
الاحمر : استبدله برابط مدونتك http://kalam-blogger2.blogspot.com/
0 التعليقات:
إرسال تعليق