كود أخر الموضوعات بشكل جميل ومتحرك

    الكاتب : Unknown نشر فى : »
    التقييم

    بسم الله الرحمن الرحيم



    الأن تركيب الأضافه

    أذهب الى التخطيط

    ثم أضافه أداة Html

    ثم أضف الكود التالى



    <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 = 5;
    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: 450,
    pause: 2000,
    showItems: 10,
    animation: 'fade',
    mousePause: false,
    height: 0,
    direction: 'down'
    });});
    </script>
    <div id="sai">
    <script src='http://3rab4tech.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
    </div>


    تعديل الأضافه

    1var numposts = 5 عدد المواضيع
    2- speed: 450 سرعة الحركة
    3- pause: 2000 مدة توقف الشريط

    وشكرا

    ضع تعليق

    تعديل

    تعديل