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

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

كود رائع لعرض اخر المواضيع او التدوينات مع صور مصغرة لكل موضوع 

يدعم التحكم الكامل في سرعة وعدد عرض المواضيع 

للمعاينة 

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

ادخل هناا 

ثم 

التخطيط

ثم اختر اداة 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: 3,

animation: 'fade',

mousePause: false,

height: 0,

direction: 'down'

});});

</script>

<div id="sai">

<script src='http://hassan-elbaghdadi.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

</div>

<div dir="rtl" style="text-align: right;" trbidi="on">

<div style="text-align: center;">

<div style="text-align: right;">

<span style="color: #666666; font-size: xx-small;"><a href="http://echo-technique.blogspot.com/" target="_blank">echo-technique</a></span></div>

</div>

</div>

____________________________________

______________________________________________

________________________________________________________

______________________________________________________________

قم بتغيير 

echo-technique

الى الرابط الخاص بمدونتك

للتحكم بعدد المواضيع غير القيمة 

showItems: 3,

للتحكم بسرعة عرض المواضيع 

speed: 500,

للتحكم بوقت التوقف 

pause: 3000,

المصدر.