Como personalizar o Gadget de Afiliados!

 Olá Meninas!
Primeiramente peço desculpas pelo sumiço hahaha! Eu estava sem Net : (
Bom vamos ao que interessa.

Para começar entre em Layout>Adicionar um Gadget>HTML/JavaScript e cole o seguinte código (Lembrando que esse código é o código que eu uso aqui no blog, se tiver duvidas sobre o efeito é só olhar como é o meu aqui do lado) :

<div class=""><div class="borderlovers"><a href="http://www.blogger.com/LINK" style="font-size: 100%; text-align: left;"><img src="http://nsae01.casimages.net/img/2013/12/26/131226063638288098.jpg" /></a></div><div class="borderlovers"><a href="http://www.blogger.com/LINK"><img src="http://nsae01.casimages.net/img/2013/12/26/131226063638288098.jpg" /></a></div><div class="borderlovers"><a href="http://www.blogger.com/LINK"><img src="http://nsae01.casimages.net/img/2013/12/26/131226063638288098.jpg" /></a></div><div class="borderlovers"> <a href="http://www.blogger.com/LINK" style="font-size: 100%; text-align: left;"><img src="http://nsae01.casimages.net/img/2013/12/26/131226063638288098.jpg" /></a></div></div>

Onde está de Roxo substitua pelo link do blog ou site do afiliado e onde esta de Azul substitua pelo link da imagem Lembrando que a imagem tem que ter 441px de altura e 66px de largura.
Para facilitar a "vida" de vocês utilizem essa imagem como base.

------------------------------------------
Importante :

A imagem é automaticamente cortada ao meio, quando você n passa o mouse por cima da foto de um afiliado a parte de sima da foto é mostrada, quando o mouse é passado por cima da foto do afiliado a segunda metade da foto é mostrada.
------------------------------------------

Bom é isso meninas. Até a Próxima!