Dicas blogs - apresentação rotativa de postagens (tipo slide)
Autor: Os passatempo da Carracita | Publicado: 2010-04-06T15:13:00-07:00

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;
}

-->
 

 

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

 


 


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.