في موضوع اليوم سنتحذث عن كيفية إضافة أداة آخرالمواضيع التي تتميز بأنها تبرزعناوين آخر المواضيع بالإضافة إلى صور مصغرة وتتحرك المواضيع نحوالأعلى مع ظهور المواضيع التي تليها بشكل جميل.
وهنا مثال مباشرعن الإضافة : إضغط هنا
بعد رؤيتكم للإضافة التي أتمنى أن تكون قد أعجبتكم نذهب الآن إلى الشرح.
ندخل إلى لوحة تحكم المدونة ثم التخطيط ثم إضافة أداة ثم 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 = 12; 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: 5, animation: 'fade', mousePause: false, height: 0, direction: 'down' });}); </script> <div id="sai">
<script src='http://youngmaroc.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script> </div>
<a href=""> </a>
مع تغيير ما باللون الأحمر youngmaroc.blogspot.com إلى عنوان مدونتك
ولتغيير عدد المواضيع التي ستظهر نغير ما باللون الأزرق var numposts = 12
إلى هنا أصل إلى نهاية الشرح وأتمنى أن تكون الإضافة قد لاقت إستحسانكم ولمن واجهه أي مشكل فليترك ردا أسفل الموضوع.
هل حقا إستمتعت بهذه التدوينة ؟
إذن أدخل بريدك الإلكتروني لتتوصل بجديد المواضيع
1 comments:
بل كل الشكر لك أخي العزيز على المرور الطيب
إرسال تعليق