بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
حياكم الله اخواني الكرام اهلا وسهلا بكم في هذه المدونة البسيطة وموضوعنا اليوم هو كود آخر المواضيع متحرك بتقنية jquery مميز (وكما ذكرنا في السابق كود آخر التعليقات بنفس التقنية هنا) وانا استخدمه في مدونتي بل اغلب المدونات تستخدمه وحبيت اشاركم به لشكلة الجميل ولطريقة عرضه لاخر المواضع بشكل متميز لنشاهد صورة الاداة كما يمكنك مشاهدها مباشرة من الجهه اليسرى لمدونتي :
اولا : قم بالدخول الى لوحة التحكم لمدونتك مــن هنـــا
ثانيا: ادخل على تصميم ثـــــــم اضافة أداة 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://aliraqia-blog.googlecode.com/files/jquery.mine.js"></script>
<script style='text/javascript' src="http://aliraqia-blog.googlecode.com/files/recentpostticker.js" ></script>
<script style='text/javascript' src='http://aliraqia-blog.googlecode.com/files/recentpostswiththumbnailsv3.js'></script>
<script style='text/javascript'>
var numposts = 20;
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: 300,
pause: 4000,
showItems: 5,
animation: 'fade',
mousePause: false,
height: 0,
direction: 'down'
});});
</script>
<div id="sai">
<script src='http://aliraqia.blogspot.se/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
</div>
ضع رابط موقعك أو مدونتك بدلا من http://aliraqia.blogspot.se
سرعة المواضيع التي تظهر : speed: 300,
عدد المواضيع التي تظهر : showItems: 5,
0 التعليقات:
إرسال تعليق