<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://4feeds.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script> </div> <a href="http://www.4niger.net/"> Get it here </a>

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


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

ويمكن التحكم بعدد المواضيع عن طريق التغيير فى القيمة
var numposts = 15;
وعدد المواضيع المعروضة عن طريق التغيير فى القيمة
showItems: 7,
والتحكم فى سرعة الحركة عن طريق التغيير فى القيم
speed: 500,
pause: 3000,
يفضل وضع صورة فى كل موضوع لتظهر بالإضافة