طريقة اضافة اداة اخر المواضيع

إذا اعجبك الموضوع اضغط

تغريد

  بسم الله الرحمن الرحيم

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

سكريبت آخر المواضيع مهم جدا ليبقى الزائر أطول مدة ممكنة فى موقعك

لأنه يتيح لعرض عدد من آخر المواضيع التى تحددها بطريقة متحركة وجميلة

السكريبت بتقنية

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://yoursite.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
</div>
<a href="http://foryou101.blogspot.com/2012/04/blog-post_18.html"> اضف لمدونتك </a>

قم بنسخ الكود السابق ولصقه بالنافذة

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

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

http://yoursite.blogspot.com/

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

var numposts = 15;

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

showItems: 7,

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

speed: 500,

pause: 3000,

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

من مميزات هذا السكريبت أنه لا يتعارض مع أى سكربتات موجودة بالموقع. 

- اذا لم تعمل الروابط معاك فبرجاء ابلاغنا من هنا

-لا انتظر منكم سوى دعوة صادقة من القلب بظهر الغيب

-اللهم انى اشهدك انى برئ من استخدام اى شئ فى المدونة فى معصية الله

تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا

هل أعجبك الموضوع ...؟

اشترك معنا و تابع جديد المدونة :)	كن من متابعينا

بقلم Ahmed ElMasry

كائن حى يعيش ويتعايش , لدية طموح واحلام وامانى :') , مهتم بال IT واهو بتعلم وبحاول انشر العلم اللى بتعلمه
طالب ثانوى .. 16 عام .

للمزيد من مشاركاتى اضغط هنــا

يمكنكم متابعتى على تويتر فيس بوكـــ Google+ اسألنى وانا اجيبك على ASK