السلام عليكم ورحمة الله وبركاته
إضافة هامة جدا للمواقع والمدونات لعرض آخر الموضوعات وأحدثها على مدونات بلوجر بطريقة متحركة مع مصغرات الصور
طريقة التركيب install على مدونة blog بلوجر
الدخول على التخطيط ثم إضافة أداة
Html,Javascript
نسخ الكود code التالى ولصقه بالنافذة
رمز Code:
<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:'',m ousePause: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').cl one(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.spe ed)}first.appendTo(d)};return this.each(function(){var a=$(this);var b=0;var c=e.isPaused;a.css({overflow:'hidden',position:'re lative'}).children('ul').css({position:'absolute', margin:0,padding:0}).children('li').css({margin:0, padding:0});a.children('ul').children('li').each(f unction(){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);i f(e.mousePause){a.bind("mouseenter",func tion(){c=true}).bind("mouseleave",functi on(){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 = 10; 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: 5, animation: 'fade', mousePause: true, height: 0, direction: 'down' });}); </script> <div id="sai"> <script src='http://your-site.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script> </div> <span style="color: #999999;"><a href="http://www.condaianllkhir.com/" target="_blank"><span style="font-size: xx-small;">Get it here</span></a></span> إقرأ المزيد http://www.condaianllkhir.com/2014/12/animated-last-posts.html#ixzz2dj3nptid
رد مع اقتباس
