-->

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

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

    على العموم نبداء .

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

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


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

    • ادخل مدونتك .
    • اتجه الى التخطيط . 
    • اضف اداة جديدة عبارة عن 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>


            ليس بالضرورة ان تضعه اذا كان موجود بالفعل بمدونتك .
            استبدله برابط مدونتك

    Mohamed Shaban
    @مرسلة بواسطة
    كاتب ومحرر في مدونة : مدونة انتا الكسبان .

    إرسال تعليق