السلام عليكم و رحمة الله تعالى و بركاته بفضل الله سنقوم بإعطائكم كود لأداة آخر المواضيع كما في الصورة أو التي هي بجانب الموضوع، وما تتميز به هذه الأداة هي أنها منزلقة و جذابة، يمكنك التعديل في عدد المواضيع التي تظهر و كذلك عدد المواضيع التي تنزلق، و كذلك التحكم في ألوانها كما تريد أنت.
أول شيء اذهب إلى لوحة تحكم المدونة :
- اذهب إلى التخطيـــــــــــــــيط
- اختر المكان المناسب لك لإظافة الأداة.
- اظغط على ' أضف أداة '.
- ابحث على HTML/JAVA Script و انقر عليها.
- ألصق هذا الكود و غير ما يجب تغييره، و احذف ما كتب بالأحمر :
<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 src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="http://glitter-text.googlecode.com/files/recentpostticker.js"></script> <script src="http://glitter-text.googlecode.com/files/recentpostswiththumbnailsv3.js"></script> <script> var numposts = 25 عدد المواضيع التي تريدها أن تنزلق; 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: 9,
العدد 9 يعني عدد المواضيع في الأداة
animation: 'fade', mousePause: false, height: 0, direction: 'down' });}); </script> <br /> <div id="sai"> <script src="http://رابط مدونتك/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script> </div>
- var numposts = 25 = يعني العدد الكلي للمواضيع التي تظهر..
- showItems: 9 = يعني عدد المواضيع التي تظهر .
ان واجهتم أي مشاكل لا تترددوافي ادراج تعليق.شكرا.
الموضوع الأصلي من مدونة الشهاب للتقنية و المعلوميات
ــــــــــــــــــــــــــــــــــــــــــــــــــ ــــــــــــــــــــــــــــــــــــــــــــــــــ ـــــــــــــــــــــــــــــــــــــــــــــــ
نرحب بالجميع في
مدونة الشهاب للتقنية و المعلوميات
http://al-chihab.blogspot.com/