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

Unknown

1:12 م

0 تعليقات

شاركه غرد جوجل+

السلام عليكم ..
اهلا وسهلا بمحبي ومُتابعي مدونة بلوجر أدسنس السيو ..

في موضوع جديد ضمن مواضيع إضافات بلوجر ..

إضافة اليوم جميلة ومُهمة في نفس الوقت ..

وهي إضافة آخر المواضيع بشكل مُتحرك مع صورة مُصغرة لكل موضوع وعُنوانه طبعا ..

أهمية الإضافة ..فهي تُـتيح لك عرض المواضيع الجديدة في المدونة او الموقع ..

وبالتالي تصفح مواضيع أكثر في مدونتك ..وبقاء الزائر لوقت أطول في مودنتك او موقعك ..

المواضيع الجديدة لا تتأرشف في مُحركات البحث بسُرعة ..

وإضاقة آخر أو أحدث المواضيع بشكل متحرك جميل وجذاب ..يتيح للزائر (باحث عن موضع آخر..)..

التنقل في مدونتك بسلاسة ..

جمالة الإضافة اتركُكم تكتشفونها بعد إضافتها لموقعكم ..

أولا
> من لوحة التحكم الرئيسية للمدونة..
> إختر " تخطيط "
> أدخل إلى "إضافة أداة"..
> إنشاء أداة جديدة بكود " HTML/JavaScript "..
> ثم قم بـ نسخ و لصق الكود التالي في " المُحتوى"..

<script type='text/javascript'>

jQuery.noConflict();

</script>



<style>img.recent_thumb {padding:1px;width:50px;height:45px;border:0;float:left;margin:0 0 1px 20px;}.recent_posts_with_thumbs {float: left;width: 98%;min-height: 50px;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><a href='http://bloggeradsenseo.blogspot.com/2013/07/add-last-posts-threads-moving-in-blogger.html'>

<script style='text/javascript' src='http://glitter-text.googlecode.com/files/recentpostswiththumbnailsv3.js'></a></script>

<script style='text/javascript'>

var numposts = 10;/**..عدد المواضيع الذين سيظهرون في الإضافة*/

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: 4,/**..عدد المواضيع التي ستظهر في الإضافة**/

animation: 'fade',

mousePause: false,

height: 0,

direction: 'down'

});});

</script>

<div id="sai">

<script src='http://BloggerAdsenSeO.BlogSpot.Com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

<a href='http://BloggerAdsenSeO.blogspot.com'></a>

</div>

تغييرات على الكود :

> غير http://BloggerAdsenSeO.BlogSpot.Com برابط مدونتك أو موقعك..

 : غَير بما يُناسبك

var numposts = 10; << /**..عدد المواضيع الذين سيظهرون في الإضافة*/
speed: 500, << /**..سرعة نحرك المواضيع في الإضافة**/
pause: 3000, << /**..مدة التوقف**/

showItems: 4, << /**..عدد المواضيع التي ستظهر في الإضافة**/

يمكنك ايضا :

> تغيير حجم صور إضافة آخر المواضيع مُتحركة ..
عن طريق تغيير النسبة  (45px و 50px) الموجودة في الكود  بـالبُرتقالي..

+
اقدم لكُم أيضا عُنوان إضافة أحدث أو آخر المواضيع ^^
°•.ɞ آخــر المَـواضيع.. ʚ.•°

> في الأخير "حفظ" ..
ومبروك عليك إضافة آخر المَواصيع بشكل متحرك وجذاب إلى مدونتك..
ولا تنسوا إبداء رأيكم بالموضوع ..فتشجيعكم مُحفز لتقديم الافضل ☺