Tutorial: Efeito Dark Shine

Oie, hoje ainda me redimindo por ontem não ter dado para postar os tutoriais que eu disse,eu trouxe um tutorial de um efeito bem legal,e pode servir para várias coisas! e além de tudo é bem fácil,veja a preview 

Aqui.
Se quiser aprender o tutorial,clique em Mais Informações!

Para começar vá até Modelo>Editar HTML>Ctrl+F> e procure por:

]]></b:skin>

E Acima da Tag,cole o seguinte código:

caixa1 {

background: transparent;

padding: 10px; float: left;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

}

.imagem1 {

margin: 3px;

border: 1px solid #BCAD90;

-webkit-transition-duration: .50s;

}

.imagem1:hover {

-webkit-transition-duration: .50s;

box-shadow: 0px 0px 30px #686051; 

} 

Altere de acordo com sua vontade o que está em negrito, eu não alterei nada,e vocês viram o meu resultado, mas se eu não me engano o primeiro código significa a cor da borda sem hover,e o segundo é a cor da borda com hover.

Pronto,agora vamos adicionar o efeito.

Adicione um gadget de HTML/ javascript

e cole o código abaixo:

<caixa1>

<a href="LINK"><img src="IMAGEM" class="imagem1"/></a></caixa>

 Salve,e veja se está de tudo certo!

Espero que tenham gostado! beijos e comentem! ;*
códigos: Adolescente Nerd