تقديم مجموعة من الشروحات والمواضيع التي تهم بالحاسوب والانترنت من حيث الاستخدام والانشاء والتصميم والحماية، مع الاهتمام بمدونات بلوجر ومواقع التواصل الاجتماعي خصوصا فيسبوك وتويتر

النشرة البريدية @

إضافة كود أداة آخر المواضيع متحركة لمدونة بلوجر - 2

دروس، شرح، طريقة، بلوجر

تحتوي هذه المقالة على ما يلي

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





الطريقة:

1 - من Blogger إذهب إلى التخطيط => إضافة أداة => HTML/JavaScript
2 - أضف هذا الكود:
<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://www-se.blogspot.com/2013/06/2.html"> اضف لمدونتك </a>
3 - تعديل اللون الأحمر برابط موقعك أو مدونتك.
4 - إمكانية تعديل القيم التالية:
- عدد التدوينات المراد عرضها: var numposts = 15;
- عدد التدوينات المراد عرضها في كل حركة: showItems: 7, 
- سرعة الحركة:  speed: 500, و pause: 3000,
5 - اضغط حفظ ... هنيئا لك :)

ليست هناك تعليقات :

أضف تعليق

free tracking