Banner rotativo no Blogger

  

Fonte: TheBlogServices

Vá para o Layout do seu blog e clique em Adicionar Widgets e cole o seguinte código:

<div align="center"> <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" style="width: 900px;"> <tbody> <tr> <td><center> <!-- BANNER#1 --> <script language="JavaScript"> images = new Array(2); images[0] = "<a href = '#' target='_blank' rel='nofollow' ><img src='image link' border='0' height='60' width='120' alt='banner exchange partner'></a>"; images[1] = "<a href = '#' target='_blank' rel='nofollow' ><img src='image link' border='0' height='60' width='120' alt='banner exchange partner'></a>"; images[2] = "<a href = '#' target='_blank' rel='nofollow' ><img src='image link' border='0' height='60' width='120' alt='banner exchange partner'></a>"; images[3] = "<a href = '#' target='_blank' rel='nofollow' ><img src='image link' border='0' height='60' width='120' alt='Image Tag'></a>"; index = Math.floor(Math.random() * images.length); document.write(images[index]); </script> </center> </td> <td><center> </script> </center> </td> </tr> </tbody></table> </div>

Configurando imagens e links:

Obs.: Substitua imagem1, imagem2, imagem3, imagem4 pelo link da sua imagem. Coloque o link para o qual o internauta vai ser direcionado quando clicar na imagem. Para isso coloque o link no lugar do #.

Para alterar a largura e altura do banner em pixels, altere height para alterar a altura e width para alterar a largura 

Efeito

Toda vez que a página for atualizada, o banner será trocado.