سلايد شو أتوماتيكي خاص بالسيدبار

كيف الحال إخواني عساكم بخير
اليوم إن شاء الله سيتم طرح إضافة مميزة ومطلوبة وهي إضافة السلايد شو
لكن هذا الأخير شكله صغير وجميل ويصلح كثيرا لوضعه في السيدبار لان حجمه صغير
صورة من السلايد شو

سلايد شو أتوماتيكي خاص بالسيدبار

كما ترون في الصورة حجمه لا يتجاوز 250 بكسل عرضا لذالك أفضل مكان له هو السيدبار
والىن طريقة تركيب هذا الاخير سهلة للغاية
كل ما عليك هو إضافة اداة جديد من التخطيط ثم اختر لها إسم مناسب وضع فيها الكود التالي

<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:#00b4ff !important;}.slider-rotator-nav a.current{background-color:#ddd !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://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/blogger-feed-rotator.min.js"></script>
<script type="text/javascript">
makeSlider({
    url: "http://www.arabe-eye.com/" // Add your blog URL
});
</script>

ثم غير رابط مدونتي برابط مدونتك وتكون قد إنتهيت وهنيئا لك بالإضافة الجديدة
مميزاتها كثيرة فهو خفيف سهل التركيب والاجمل انه داتي التشغيل وليس كالتي يتوجب عليك وضع الصور والروابط كل مرة تريد إضافة موضوع جديد هذا ما تتميز به السلايد شوهات التلقائية التشغيل

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

هناك تعليق واحد: