السلام عليكم
في هذا الدرس سوف أتكلم عن إضافة آخر المواضيع وهو مهم جدا ليبقى الزائر أطول مدة ممكنة فى موقعك لأنه يتيح لعرض عدد من آخر المواضيع التى تحددها بطريقة متحركة وجميلة.
طريقة تركيب الكود بمدونات بلوجر
الدخول على التصميم ثم إضافة أداة >>> Html,Javascript
نسخ الكود السابق ولصقه بالنافذة
ثم قم بهذه التعديلات بعد الفاصل:
السكريبت بتقنية j-Query
<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://yoursite.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
</div>
<a
href="http://dookala.blogspot.com/2012/12/animated-last-posts.html">
Get it here </a>
وضع رابط موقعك أو مدونتك بدلا من
http://yoursite.blogspot.com/
ويمكن التحكم بعدد المواضيع عن طريق التغيير فى القيمة
var numposts = 15;
وعدد المواضيع المعروضة عن طريق التغيير فى القيمة
showItems: 7,
والتحكم فى سرعة الحركة عن طريق التغيير فى القيم
speed: 500,pause: 3000,
يفضل وضع صورة فى كل موضوع لتظهر بالإضافة.
من مميزات هذا السكريبت أنه لا يتعارض مع أى سكربتات موجودة بالموقع.
