Tutorial - Banner que muda a cada acesso:

Antes de começar o tuto, quero falar com todas vocês. Estou vendo um monte de gente desistindo de seus blogs, sinceramente espero que vocês não estejam fazendo isso por causa da queda nos acessos. Como já disse em outro post, os acessos de TODO MUNDO estão caindo. Você pode até pensar "que bom, isso significa menos concorrência!", mas eu não acho bom. O que tenho visto é gente que desiste dos próprios sonhos, para mim isso é lamentável.

Hoje trago a todos o tutorial de como colocar esse banner que uso acima das postagens, que a cada refresh da página aparece um diferente. É bem simples, mas você precisa prestar muita atenção com o código.
O tutorial original é do Dicas para Blogs, mas vou explicar tudo para vocês daquele jeito detalhado que eu sei fazer, espero que seja útil!!!

Antes de começar o tutorial, faça as imagens dos banners e hospede-as no lugar de sua preferência. Neste post tenho algumas dicas de sites que podem servir.

Banner que muda a cada acesso:

Para começar, entre em "Layout" e clique em "Adicionar um Gadget" no lugar onde você quer que o banner fique. Na janelinha que abriu, escolha a opção "HTML/JavaScript". Na caixa chamada "Conteúdo", adicione o código abaixo (deixe o título vazio):

<script language="JavaScript">
hoje = new Date()
numero_de_imagens = 4
segundos = hoje.getMilliseconds()
numero = segundos % numero_de_imagens
if (numero == 0){
imagem= "URL_DA_IMAGEM"
site="LINK_DO_BANNER"
}
if (numero == 1){
imagem= "URL_DA_IMAGEM"
site="LINK_DO_BANNER"
}
if (numero == 2){
imagem= "URL_DA_IMAGEM"
site="LINK_DO_BANNER"
}
if (numero == 3){
imagem= "URL_DA_IMAGEM"
site="LINK_DO_BANNER"
}
document.write('<p align="center"><a href="' + site +'"target="_blank" rel="nofollow"><img src="' +imagem + '"border="0"><a></p>')</script>

No lugar de URL_DA_IMAGEM, coloque os endereços das imagens que você acabou de hospedar. Em LINK_DO_BANNER coloque os links que você quer para cada banner.
Se quiser mais banners, troque o número que está em vermelho para o número de banners que você deseja e depois acrescente o seguinte código depois do último colchete:

if (numero == N){
imagem= "URL_DA_IMAGEM"
site="LINK_DO_BANNER" }

Sendo que no lugar de N você deve colocar o número do banner. Lembre-se que o o código começa com o banner "0", então o último banner deve ser "x-1", sendo que x é o número de banners.
Não entendeu, não é? Eu explico com um exemplo. Digamos que  você queira sete banners. Seu código ficará assim:

<script language="JavaScript">
hoje = new Date()
numero_de_imagens = 7
segundos = hoje.getMilliseconds()
numero = segundos % numero_de_imagens
if (numero == 0){
imagem= "URL_DA_IMAGEM"
site="LINK_DO_BANNER"
}
if (numero == 1){
imagem= "URL_DA_IMAGEM"
site="LINK_DO_BANNER"
}
if (numero == 2){
imagem= "URL_DA_IMAGEM"
site="LINK_DO_BANNER"
}
if (numero == 3){
imagem= "URL_DA_IMAGEM"
site="LINK_DO_BANNER"
}
if (numero == 4){
imagem= "URL_DA_IMAGEM"
site="LINK_DO_BANNER"
}
if (numero == 5){
imagem= "URL_DA_IMAGEM"
site="LINK_DO_BANNER"
}
if (numero == 6){
imagem= "URL_DA_IMAGEM"
site="LINK_DO_BANNER"
} 
document.write('<p align="center"><a href="' + site +'"target="_blank" rel="nofollow"><img src="' +imagem + '"border="0"><a></p>')</script>

Agora entendeu? Não posso explicar mais do que isso sem parecer redundante...
Por último, clique em " Salvar ". Se tudo der certo, seu banner já estará no seu blog, recarregue a página algumas vezes para testar!

Num código similar que eu usei antes, só deu para colocar 20 banners no total, mas não sei se foi por causa do código ou se foi porque eu errei em alguma coisa... Enfim, se descobrir o limite real de banners, acrescentarei a esse tutorial.

Amanhã tem mais Capas para Twitter, não perca!!!

Mil Sweetkisses,