اضافة اداة آخر المواضيع المتحرك مع مصغرات الصور

بسم الله الرحمن الرحيم والصلاة علي رسول الله سيدنا محمد صلي الله عليه وسلم اما بعد احبائي في الله اهلا بكم متتابعي مدونة عرب تيم في كل جديد اليوم اقدم لكم اضافة اداة جميله جدا ومميزه 

 وهى اضافة اداة آخر المواضيع المتحرك مع مصغرات الصور

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

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

ندخل الى لوحة التحكم ثم نذهب الى التخطيط ثم إضافة أداة ثم نختار اداة HTML/JavaScript ثم نضع الكود التالى :

<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://www.teamarab.tk/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script> </div> <a href="http://www.dookala.blogspot.com/2012/12/animated-recent-posts.html"> Get it here </a>

ثم قم بهذه التعديلات:

نقوم بتغير www.teamarab.tk الى رابط مدونتك

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

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

والتحكم فى سرعة الحركة عن طريق التغيير فى القيم التاليه : 

speed: 500,

pause: 3000,

يفضل وضع صورة فى كل موضوع لتظهر بالإضافة

من مميزات هذا الاضافه أنه لا يتعارض مع أى اضافه موجودة بالمدونه

وكده نكون ركبنا الاضافه المميزه مبرووك عليك

في امان الله وسلام عليكم ورحمته الله وبركاته