12‏/01‏/2013

أداة آخر المواضيع بشكل جميل واحترافي

أداة آخر المواضيع بشكل جميل واحترافي


في موضوع اليوم سنتحذث عن كيفية إضافة أداة آخرالمواضيع التي تتميز بأنها تبرزعناوين آخر المواضيع بالإضافة إلى صور مصغرة وتتحرك المواضيع نحوالأعلى مع ظهور المواضيع التي تليها بشكل جميل.

 وهنا مثال مباشرعن الإضافة : إضغط هنا

بعد رؤيتكم للإضافة التي أتمنى أن تكون قد أعجبتكم نذهب الآن إلى الشرح.
ندخل إلى لوحة تحكم المدونة ثم التخطيط ثم إضافة أداة ثم 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


 إلى هنا أصل إلى نهاية الشرح وأتمنى أن تكون الإضافة قد لاقت إستحسانكم ولمن واجهه أي مشكل فليترك ردا أسفل الموضوع.




هل حقا إستمتعت بهذه التدوينة ؟

إذن أدخل بريدك الإلكتروني لتتوصل بجديد المواضيع

2 comments:

بل كل الشكر لك أخي العزيز على المرور الطيب

إرسال تعليق