Tutorial: Efeito Unnamed Border nos afiliados

Bom dia de novo chuchuzinhos *-* 

Achei um tutorial bem legal, e mega fofinho para colocar nos afiliados do blog, Se quiser ver como fica clique Aqui. Super legal não é mesmo? 

Vamos ao tutorial então? Continue lendo...

Créditos ao blog Pequena Garota

Vá até o editor de html do seu blog, pesquise por ]]></b:skin>

Acima do código procurado, cole esse:

.UNNAMED{

OPACITY: 0.6;

-WEBKIT-TRANSITION: 0.5S;

OUTLINE: 1PX SOLID #CORDABORDA;

OUTLINE-OFFSET: 0PX;

-WEBKIT-TRANSITION-DURATION: .40S;

}

.UNNAMED:HOVER {

OPACITY: 1.7;

OUTLINE: 1PX SOLID #FFF;

OUTLINE-OFFSET: -50PX;

-WEBKIT-TRANSITION-DURATION: .40S;

BORDER-RADIUS: 35PX;

}

Altere a parte destacada se quiser e salve. Para adicionar em seu blog, vá até seu layout, adicione um novo gadget de HTML:

<A HREF="LINKDOBLOG" TITLE="NOME"><IMG SRC="LINKDAIMAGEM" CLASS="UNNAMED" /></A>

Espero que tenham gostado, beijos.