Efeito Dark Shine

Boa noite minna-san, trago um efeito que achei no blog Garota Estranha, ele se chama Dark Shine eu achei ele bem maneiro para gadget de postadores. Sei lá amo umas coisas que tenham sombrinhas e meio darks, rsrs  E ai gostou? Se gostou clica ai e vamos ao tutorial!

.::Ver efeito online::.

1. Para aplicar esse modelo, vá em seu HTML e usando o atalho Ctrl+F procure por ]]></b:skin  acho? Então acima dele adicione esse código:

Códigos

    /-- Efeito Dark Shine por Alan www.wehearthtml.blogspot.com --/
    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;
    }

Você não precisa modificar nada, apenas onde esta em negrito que é a cor das bordas. Então salve!

2. Depois de salvo, vá ate Layout e adicione um gadget/JavaScript e cole esse código:

Códigos

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

Agora é só colocar o link e o endereço da imagem nos lugares indicados em negrito