إظافة عرض آخر المواضيع بشكل رائع و متحرك

hicham 26 أكتوبر 0

أهلا بكم من جديد إخواني أخواتي في الله

دائما الجديد و كما وعدتكم
الإظافة الرائعة و الإحترافية و السهلة التركيب
إنها إظافة عرض آخر المواضيع بشكل رائع و متحرك
ما عليك إلا الدخول إلى لوحة التحكم الخاصة بك على بلوجر
إذهب إلى التخطيط ثم إضافة أداة جديدة
وبعدها أداة html/javascript
ثم ألصق الكود التالي

<style>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0; float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: right;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 src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script style='text/javascript'>
//<![CDATA[
(function($){$.fn.vTicker=function(e){var 
f={speed:700,pause:2000,showItems:3,animation:'',mousePause:true,isPaused:false};var e=$.extend(f,e);moveUp=function(a,b,c){if(c)return;var d=a.children('ul');first=d.children('li:first').clone(true);d.animate({top:'-='+b+'px'},e.speed,function(){$(this).children('li:first').remove();$(this).css('top','0px')});if(e.animation=='fade'){d.children('li:first').fadeOut(e.speed);d.children('li:last').hide().fadeIn(e.speed)}first.appendTo(d)};return this.each(function(){var a=$(this);var b=0;var c=e.isPaused;a.css({overflow:'hidden',position:'relative'}).children('ul').css({position:'absolute',margin:0,padding:0}).children('li').css({margin:0,padding:0});a.children('ul').children('li').each(function(){if($(this).height()>b){b=$(this).height()}});a.children('ul').children('li').each(function(){$(this).height(b)});a.height(b*e.showItems);var d=setInterval(function(){moveUp(a,b,c)},e.pause);if(e.mousePause){a.bind("mouseenter",function(){c=true}).bind("mouseleave",function(){c=false})}})}})(jQuery);
//]]>
</script>
<script style='text/javascript' src='http://tavristasos.googlecode.com/svn-history/r100/trunk/recentpostswiththumbnailsv3.js'></script>
<script style='text/javascript'>
var numposts = 15;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = false;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = false;
var numchars = 100;
$(document).ready(function () {$('#sai').vTicker({
speed: 500,
pause: 3000,
showItems: 15,
animation: 'fade',
mousePause: true,
height: 0,
direction: 'down'
});});
</script>
<div id="sai">
<script src='http://bloggain-net.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
</div>
<span style="color: #999999;"></span>

مبروك عليك الإظافة

ملاحظة:لا تنسى أن تغير رابط مدونتي برابط مدونتك
رابط مدونتي: www.bloggain-net.blogspot.com

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

الاشتراك في: تعليقات الرسالة ( Atom )

تابعنا عبر المواقع الإجتماعية