Elite de Afiliados com Efeito Borda Gota

Hey, hey meus amores, hoje trago um tutorial bem simples, e super lindo que aprendi lá no FDG {www}, é super prático e fica ótimo para a elite de afiliados, eu espero que vocês gostem.
Preview Esse é o blog de testes do meu outro blog mas botei nele mesmo.

Agora vamos ao tuto:
1-No painel do blogger vá em Layout>>Adicionar Gadget>>Html Java Script e cole o código a baixo:

<style>

.borg{-webkit-border-radius: 360px;

-moz-border-radius: 360px;

border-radius: 360px;-webkit-transition-duration: .90s;-moz-box-shadow: 0 0 1em #d8d8d8; -webkit-box-shadow: 0 0 1em #d8d8d8; box-shadow: 0 0 1em #d8d8d8;

}

.borg:hover{-webkit-border-radius: 360px;

-webkit-border-top-left-radius: 0;

-moz-border-radius: 360px;

-moz-border-radius-topleft: 0;

border-radius: 360px;

border-top-left-radius: 0;}

</style>

2- E salve, agora novamente faça o mesmo processo só que desta vez em vez do código a cima você vai colar o código a baixo:

<a href="URL DO BLOG" title="NOME DO BLOG" target="_blank"><img src="URL DA IMAGEM" class="borg"/></a> 

{Repita quantas vezes forem necessárias}. Só altere o que está em vermelho. Prontinho, aí está. Eu testei e edeu certo, espero que tenham gostado; Bitokinhas!!!