طريقة اضافة اخر المواضيع متحركة بشكل انيق وجذاب

اليوم اقدم لاعضاء مدونة ربحني شكرا الخصية الجديدة الذي وضعته عندي بين يديكم لكثرة طلب الاعضاء هذه الخاصية خاصية 'أخر المواضيع الجديد " بشكل جميل و جذاب و يضفي أناقة و مظهر إحترافي لمدونتك على بلوجر , و الأداة قمت بإضافتها شخصيا على مدونتي ربحني شكرا شاهدها على يسار عناصر المدونة  

 الأن سأشرح في طريقة إضافة هذه الأداة الطريقة سهلة وبسيطة جدا

قم بالذهاب إلى لوحة التحكم > عناصر الواجهة > إضافة عنصر جديد 

> 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 src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://glitter-text.googlecode.com/files/recentpostticker.js"></script>
<script src="http://glitter-text.googlecode.com/files/recentpostswiththumbnailsv3.js"></script>
<script>
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>
<br />
<div id="sai">
<script src="http://yoursite.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentpostswiththumbs"></script>
</div>
<a href="http://www.rb7ne.com/2013/05/blogger-news-blog.html" target="_blank"> <span style="font-size: xx-small;">Get it here </span></a><br/>

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

وضع رابط موقعك أو مدونتك بدلا من الذي بالون الاخضر

http://yoursite.blogspot.com/

ويمكن التحكم بعدد المواضيع عن طريق التغيير فى القيمة الذي بالون الاخضر

var numposts = 15;

وعدد المواضيع المعروضة عن طريق التغيير فى القيمة الذي بالون الاخضر

showItems: 7,

والتحكم فى سرعة الحركة عن طريق التغيير فى القيم الذي بالون الاخضر

speed: 500,
pause: 3000,

واترك باقي الاعدادات كما هي لتعمل بالشكل الصحيح
يفضل وضع صورة فى كل موضوع لتظهر بالإضافة.

اتمنا ان تكون نالت اعجابكم الطريقة بنتظار ردودكم

 مدونة ربحني شكرا