Tutorial: Efeito Green

 Yoo

Vou postar o efeito Green. Lembro que quando estava fazendo ele eu queria um efeito que quando passasse o mouse em cima aparecia o background transparente e a sombra e linha verde.Só que acabou saindo isso. Então deixei. O efeito no layout de testes está na cor laranja pois foi lá que estava fazendo o layout que está aqui. Veja o exemplo AQUI

Vá em editar HTML e procure por ]]></b:skin> e acima cole: 

.green {
padding:8px;
float: left;
}
.green:hover {
box-shadow: 4px 2px 4px #FF8C00, -2px -4px 4px #FF8C00;
-webkit-transition:All 0.6s ease;
}

 Troque pela cor que você quiser onde está de roxo . AQUI tem uma tabela de cores.

Visualize e se estiver tudo certo salve.

Em  gadget de HTML/JavaScript, cole:

<a href="LINK" title="Nome do blog"><img src="LINK DA IMAGEM" class="green"/></a>

Agora é só substituir onde está de roxo e pronto.