Slide Deslizante Com As Últimas Postagens do Blogger

Nesta postagem compartilho com vocês este Gadget simples com as últimas postagens do blogger subindo.

Veja uma demonstração:

Widget by DicasHot

Para colocar no Blogger

Entre em "Layout" - "Adicionar um Gadget" - "HTML/JavaScript" e cole o seguinte código:

<marquee onmouseover="javascript:this.stop()" onmouseout="javascript:this.start()" loop="" direction="up" scrolldelay="160" height="400"><script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 120;
thumbheight = 80;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "Coment.";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 30;
home_page = "http://dicashot.blogspot.com.br/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript">
</script><script src="http://dicashot.blogspot.com.br/feeds/posts/default?max-results=30&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script><table width="298" border="0" bordercolor="#FF0000" align="left" cellspacing="8" bgcolor="#ffffff"><tbody><tr><td>
<div class="clear"></div>
</td></tr></tbody></table></marquee>
<span style="font-family: Arial, Helvetica, sans-serif;">
</span> <span style="font-family: Arial, Helvetica, sans-serif;">
</span> 
<div style="text-align: right;">
<span style="color: #444444; font-size: xx-small;">Widget by <a href="http://dicashot.blogspot.com.br/" target="_blank"><span style="color: #444444;">DicasHot</span></a></span></div>

Coloque o nome do seu blog na parte destacada de azul.

Tendo colado o código, basta salvar e pronto!