Ola pessoal! Hoje vou postar a pedidos de alguns leitores, um tutorial simples mais com otimas finalidades, Um Slide show de destaque para seus artigos. E muito simples o tutorial se divide apenas em dois codigos,vamos la?Logado em seu Blog/Site, va em Em Design ~> Editar HTML, nao precisa Expandir modelos de Widgets, copia todo o codigo abaixo e cole antes da tag </head><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script type='text/javascript'>//<![CDATA[/* ------------------------------------------------------------------------s3SliderDevelopped By: Boban Karisik -> http://www.serie3.info/CSS Help: Meszaros Robert -> http://www.perspectived.com/Version: 1.0Copyright: Feel free to redistribute the script/modify it, as long as you leave my infos at the top.-------------------------------------------------------------------------- */(function($){$.fn.s3Slider = function(vars) {var element = this;var timeOut = (vars.timeOut != undefined) ? vars.timeOut : 4000;var current = null;var timeOutFn = null;var faderStat = true;var mOver = false;var items = $("#" + element[0].id + "Content ." + element[0].id + "Image");var itemsSpan = $("#" + element[0].id + "Content ." + element[0].id + "Image span");items.each(function(i) { $(items[i]).mouseover(function() { mOver = true; }); $(items[i]).mouseout(function() { mOver = false; fadeElement(true); });});var fadeElement = function(isMouseOut) { var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut; thisTimeOut = (faderStat) ? 10 : thisTimeOut; if(items.length > 0) { timeOutFn = setTimeout(makeSlider, thisTimeOut); } else { console.log("Poof.."); }}var makeSlider = function() { current = (current != null) ? current : items[(items.length-1)]; var currNo = jQuery.inArray(current, items) + 1 currNo = (currNo == items.length) ? 0 : (currNo - 1); var newMargin = $(element).width() * currNo; if(faderStat == true) { if(!mOver) { $(items[currNo]).fadeIn((timeOut/6), function() { if($(itemsSpan[currNo]).css('bottom') == 0) { $(itemsSpan[currNo]).slideUp((timeOut/6), function() { faderStat = false; current = items[currNo]; if(!mOver) { fadeElement(false); } }); } else { $(itemsSpan[currNo]).slideDown((timeOut/6), function() { faderStat = false; current = items[currNo]; if(!mOver) { fadeElement(false); } }); } }); } } else { if(!mOver) { if($(itemsSpan[currNo]).css('bottom') == 0) { $(itemsSpan[currNo]).slideDown((timeOut/6), function() { $(items[currNo]).fadeOut((timeOut/6), function() { faderStat = true; current = items[(currNo+1)]; if(!mOver) { fadeElement(false); } }); }); } else { $(itemsSpan[currNo]).slideUp((timeOut/6), function() { $(items[currNo]).fadeOut((timeOut/6), function() { faderStat = true; current = items[(currNo+1)]; if(!mOver) { fadeElement(false); } }); }); } } }}makeSlider();};})(jQuery);//]]></script><script type='text/javascript'>$(document).ready(function() {$(&#39;#s3slider&#39;).s3Slider({timeOut: 4000});});</script><style type='text/css'>#s3slider {background:#000000;border:1px solid #818e8f;width: 550px;height: 200px;position: relative;overflow: hidden;}#s3sliderContent {width: 550px;position: absolute;top:-14px;padding: 0px;margin-left: 0;}.s3sliderImage {float: left;position: relative;display: none;}.s3sliderImage span {position: absolute;left: 0;font: 20px Trebuchet MS, sans-serif;padding: 10px 0px;width: 550px;background-color: #000;filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;color: #fff;display: none;bottom: 0;text-align:center;}.clear {clear: both;}</style>A velocidade do Slide e de 4000, mude o valor para o desejado, enfim, alterando apenas o que esta indicado, se nao conhece HTML, nao mexa! Visualize, se estiver tudo bem, salve!Va em Elementos da Pagina, e adicione um Gadget HTML/JavaScript, copie todo o codigo abaixo e cole-o no Gadget.<divid="s3slider"><ulid="s3sliderContent"><liclass="s3sliderImage"><ahref="SEU-LINK-AQUI"><imgstyle="width:550px;height:200px;"src="http://3.bp.blogspot.com/_4HKUHirY_2U/S9aKt3KHrsI/AAAAAAAAA-w/I2U4SlmRPss/s1600/Crysis-11.jpg"/><span>Crysis: Download Full Version</span></a></li><liclass="s3sliderImage"><a href="SEU-LINK-AQUI "><img style="width:550px;height:200px;"src="http://1.bp.blogspot.com/_4HKUHirY_2U/S9aKuMsQ8wI/AAAAAAAAA-4/-cMpslEWrDI/halo-11.jpg"/><span>Halo3 : Play Game Online</span></a></li><liclass="s3sliderImage"><ahref=" SEU-LINK-AQUI "><imgstyle="width:550px;height:200px;"src="http://2.bp.blogspot.com/_4HKUHirY_2U/S9aKtHKBCTI/AAAAAAAAA-g/mzOzqFjF2FQ/avatar-11.jpg"/><span>Avatar: Watch Movie Now !!!</span></a></li><liclass="s3sliderImage"><ahref=" SEU-LINK-AQUI "><img style="width:550px;height:200px;"src="http://2.bp.blogspot.com/_4HKUHirY_2U/S9aKtosfYNI/AAAAAAAAA-o/GTCV0pnicVk/s1600/call+of+duty-11.jpg"/><span>CallOf Duty 4 : Get Here</span></a></li></ul></div><divclass='clear'></div>Com o ultimo codigo adicionado em seu devido lugar, troque para o seu conteudo, onde esta "SEU LINK AQUI" e onde voce ira colocar a URL de seu artigo, e nao se esqueca de alterar as imagens que ja vem com o codigo para as suas respectivas imagens. E qualquer duvida, deixe um comentario. Ate a proxima!Demo:Via Um dos widgets mais interessantes que eu ate utiliso aqui no Diretorioup