طريقة رائعة جدا لعرض مواضيع مدونتك بتقنية j-Query وبقاء أطول للزائر في المدونة

طريقة رائعة جدا لعرض مواضيع مدونتك بتقنية j-Query وبقاء أطول للزائر في المدونةبسم الله الرحمان الرحيم

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

أرحب بكم في مدونة استفد

وأقدم لكم إضافة رائعة جداا ومهمة جدا كذلك. تجعل الزائر

 يتصفح كل مواضيع مدونتك. لسهولة عرض مواضيعا بتقنية j-Query

وحتى لا أطيل عليكم.

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

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

قم بإضافة أداة 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://estafid.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
</div>
<a href="http://conda3ianllkhir.blogspot.com/2011/12/animated-last-posts.html"> Get it here </a>

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

قم بتغيير رابط مدونت برابطك

 من 

http://estafid.blogspot.com/

التحكم بعدد المواضيع التي تريد عرضها

var numposts = 15;

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

showItems: 7,

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

speed: 500,
pause: 3000,

ومن الأحسن عند أن تكون صورة في كل موضوع لكي تظهر في الإضافة

ومبروك عليك الإضافة. أي استفسار أنا في الخدمة

Tweet

Sharing Widget byestafid

يمكنك نسخ روابط هذه التدوينة
URL
HTML
BBCode

التصنيف : دروس بلوجر