Tutorial- Efeito : Gotinha

Oi gente, mudei o layout, gostei muito desse, então acabei que mudei sahuashasuhasu , risada maligna -sqn . Hoje trouxe o primeiro tutorial do blog, o efeito gotinha, é o que eu uso no gadget Destaque e Autoras, ele é muito fofo, eu gosto bastante dele, os créditos desse tutorial vai ao - Wonderland  <- clique no nome para visitar. Caso queira saber como se usa clique em Read More.

Vá no seu HTML , dentro dele aperte CTRL + F e procure por : ]]></b:skin>. Acima dessa tag, cole esse código:

.bordinha {
padding: 1px; /* espaçamento da borda */
border: 1px solid #dad0cf; /* cor da borda */
border-radius: 100px 100px 100px 100px;
-webkit-transition-duration: .80s;
}
.bordinha:hover {
padding: 1px;
border: 1px solid #dad0cf; /* cor da borda hover */
border-radius: 100px 100px 0px 100px; /* não mude */
opacity: 0.80; /* opacidade mais baixa, se não quiser apague */
-webkit-transition-duration: .80s;
}

Agora em um Gadget HTML/JavaScript cole:

<center><a href="LINK AQUI" title="TÍTULO DA TOOLTIP"><img src="LINK DA IMAGEM" class="bordinha" /></a>
<a href="LINK AQUI" title="TÍTULO DA TOOLTIP"><img src="LINK DA IMAGEM" class="bordinha" /></a>
<a href="TÍTULO DA TOOLTIP" title="NOME"><img src="LINK DA IMAGEM" class="bordinha" /></a></center> 

Substitua o que está em negrito pelo que se pede. 

Beijos e espero que tenham gostado.