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

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

اليوم معانا أضافة جميلة جدا لمدونتك لتضيف بها لمسة جمالية وهى كود أخر موضوعات مدونتك بشكل متحرك

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

ثم أضافه أداة 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://3rab-tech.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
</div>

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

1- var numposts = 5 عدد المواضيع

2- speed: 450 سرعة الحركة

3- pause: 2000 مدة توقف الشريط

4 - http://3rab-tech.com قم بغييرها برابط مدونتك

وشكراً