Menu Afiliados Personalizado

Foto: [garotatumblr.tumblr.com]

Crie um menu de afiliados personalizado para o seu blog! Para isso, você vai precisar adicionar o código de opacidade. Por isso, mãos a obra: Design > Editar HTML.

Procure por (Ctrl + F): ]]></b:skin>

Cole este código ACIMA dele:

.border { 
-moz-opacity:0.70; opacity:0.70;
-webkit-transition-duration:2s;
background-color:#e7b3c2 /*Cor de fundo, aparece enquanto a imagem está carregando*/; 
border:2px solid #c8debf; /* Cor e estilo da borda*/ } 
.border:hover  { 
filter:alpha(opacity=100); 
-moz-opacity:1.0; 
opacity:1.0;
background-color:#e7b3c2; /*Cor de fundo quando passa o mouse em cima*/
border: 2px solid #f2ada5; /* Cor e estilo da borda quando passa o mouse em cima*/ 
}

Código acima por: Cherry Bomb! [cherry-liah.blogspot.com.br]

Agora vá para Elementos da Página e adicione um gadget no seu lugar de preferência. Adicione HTML/JavaScript e cole este código:

<center><a href=""><img src="" class="border" width="50" height="50"></a> <a href=""><img src="" class="border" width="50" height="50"></a> <a href=""><img src="" class="border" width="50" height="50"></a> <a href=""><img src="" class="border" width="50" height="50"></a> <br><a href=""><img src="" class="border" width="50" height="50"></a> <a href=""><img src="" class="border" width="50" height="50"></a> <a href=""><img src="" class="border" width="50" height="50"></a> <a href=""><img src="" class="border" width="50" height="50"></a> <br><a href=""><img src="" class="border" width="50" height="50"></a> <a href=""><img src="" class="border" width="50" height="50"></a> <a href=""><img src="" class="border" width="50" height="50"></a> <a href=""><img src="" class="border" width="50" height="50"></a> <br><a href=""><img src="" class="border" width="50" height="50"></a> <a href=""><img src="" class="border" width="50" height="50"></a> <a href=""><img src="" class="border" width="50" height="50"></a> <a href=""><img src="" class="border" width="50" height="50"></a> <br></center>

No código acima você possui espaço para 16 afiliados, com foto no tamanho 50x50.

Código Editável:


a href="LINK DO BLOG"
img src="IMAGEM DO BLOG"
width="LARGURA DA IMAGEM"
height="ALTURA DA IMAGEM"

Espero que gostem dos códigos amores :*