728x90 AdSpace

  • Latest News

    الخميس، 12 يوليو 2012

    طريقة تركيب "أخر المواضيع" بشكل متحرك لبلوجر


    سكريبت آخر المواضيع مهم جدا ليبقى الزائر أطول مدة ممكنة فى موقعك لأنه يتيح لعرض عدد من آخر المواضيع التى تحددها بطريقة متحركة وجميلة.

    يظهر في المونة بهذا الشكل 
     
    والي طريقة التركيب الان..

    <script type='text/javascript'>
    jQuery.noConflict();
    </script>
     
    <style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:left;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style>
    <script  type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
     
     
    <script style='text/javascript' src="http://glitter-text.googlecode.com/files/recentpostticker.js" ></script>
    <script style='text/javascript' src='http://glitter-text.googlecode.com/files/recentpostswiththumbnailsv3.js'></script>
    <script style='text/javascript'>
    var numposts = 15;
    var showpostthumbnails = true;
    var displaymore = false;
    var displayseparator = false;
    var showcommentnum = false;
    var showpostdate = false;
    var showpostsummary = false;
    var numchars = 100;
    jQuery(document).ready(function($) {$('#sai').vTicker({
    speed: 500,
    pause: 3000,
    showItems: 7,
    animation: 'fade',
    mousePause: false,
    height: 0,
    direction: 'down'
    });});
    </script>
    <div id="sai">
    <script src='http://conozeldonya.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
    </div>



    طريقة تركيب الكود بمدونات بلوجر
     الدخول على التصميم ثم إضافة أداة     Html,Javascript
    نسخ الكود السابق ولصقه بالنافذة
    ثم قم بهذه التعديلات :

    -         وضع رابط موقعك أو مدونتك بدلا من
    http://conozeldonya.blogspot.com/

    - ويمكن التحكم بعدد المواضيع عن طريق التغيير فى القيمة
    var numposts = 15;

    - وعدد المواضيع المعروضة عن طريق التغيير فى القيمة
    showItems: 7,

    - والتحكم فى سرعة الحركة عن طريق التغيير فى القيم
    speed: 500,
    pause: 3000,

    تم بحمد لله تركيب سكريبت آخر المواضيع للمدونة . جربها بنفسك
     
    • Blogger Comments
    • Facebook Comments

    0 التعليقات:

    Item Reviewed: طريقة تركيب "أخر المواضيع" بشكل متحرك لبلوجر Rating: 5 Reviewed By: khaled nour
    Scroll to Top