الخميس، 13 يونيو 2013

اضافةاو تركيب اداة اخر المواضيع


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

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

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


السكريبت بتقنية
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://el-moslim.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script> </div> <a href="http://el-moslim.blogspot.com/2012/04/blog-post_18.html">  </a>التحكم بعدد المواضيع عن طريق التغيير فى القيمة 
var numposts = 15;

0 التعليقات:

إرسال تعليق

 
© 2012 مرتل
تعريب وتطوير :قوالبنا للبلوجر | تصميم : Borneo Templates