Outros passatempos da Carracita: Dicas blogs - apresentação rotativa de postagens (tipo slide)

Este tipo de apresentação ao conteúdo do nosso blog produz um efeito muito bonito, tanto mais se as nossas postagens tiverem imagens.

Devo dizer que não me foi fácil colocar a funcionar este scipt. Não consegui entender porquê mas o script não funciona correctamente na barra lateral dos meus blogs.

Verifiquei que o código também funciona se o colocarmos junto às postagens, colando o script no modo de criação de mensagens do blogger, tal como tenho no "Os Passatempos da Carracita". No entanto, se navegarmos pagina por pagina o efeito parece não estar certinho, mas vizualizando postagem a postagem o efeito deslizar, aparece correctamente. Penso que deve ter a ver com o próprio template. Vi este efeito em outros blogs e este código funciona perfeitamente.

#spylist {
overflow:hidden;
margin-top:0px;
padding:0px 0px;
height:320px;
}
#spylist ul{
width:210px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:210px;
padding: 0px 0px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:75px;
overflow: hidden;
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:10px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style> <br />
<br />
<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 = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "Comentário";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://URL DO NOSSO BLOG.com/";

limitspy=4
intervalspy=4000

</script> <br />
<br />
<div id="spylist">
<script src="http://api.ning.com/files/uJb*JkdxkQvSDJymgYDZ9eEcCSefPowmglXT8jTuRoMH5qsDH*2S3-qlzg2f43Gc8xH-fkVWbMYPQ0siiq9Gm2KCtus3HZ2V/recentpostthumbspymin2.js" type="text/javascript"></script> <br />
</div>

Nota:No código em home page, deverá ser colocada a URL do nosso próprio Blog.
Pode-se ainda ajustar a altura e a largura das spylist, height e width, tendo em atenção as definições dos espaços do nosso template.

Este script foi retirado do Noticiaeblog que se deve visitar pois tem óptimas dicas para nos ajudar com o nosso blog.
O efeito deste script está na barra lateral.

Podemos também optar por outro efeito com a ajuda de um site que tenho visto ser muito usado por imensos outros blogs. O "LinkWithin" que coloca no fim de cada uma das nossas postagens,(poderá também gostar de:)links para outras das nossas paginas, criando um efeito igualmente bonito, ajudando também o visitante a conhecer mais facilmente os conteúdos do nosso blog.