Como Fazer Efeito Shadow + Hover Em Texto No Blogger

Nesta postagem compartilho com vocês este código que já uso a bastante tempo aqui no site. É um efeito muito legal mesmo - é uma mistura de efeito Shadow com efeito Hover. A mistura de Efeitos ficou muito legal mesmo...

Veja uma demonstração:


DicasHot #Compartilhe

Como você pode ver, vale a pena colocar em seu blog, não?

Para coloca-lo no blogger... Entre em "Layout" - "Adicionar um Gadget" e cole o seguinte código

<style>
a.ShadowBloggerDicasHot {
font:normal 40px Impact,Arial,Sans-Serif;
background:transparent;
  color:#ccc;
  text-decoration:none;
  text-shadow:1px 1px 0px #000,0 0 0px #000,0 0 0px #000,0 0 0px #000;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;
}
a.ShadowBloggerDicasHot:hover {
  color:#fff;
  text-shadow:
    0px 1px 0px #FF3300,
    0px 0px 3px #FF3300,
    0px 0px 5px #FF3300,
    0px 0px 30px #FF3300,
    0px 3px 50px #FF3300;
}
</style>
<center>
<a class="ShadowBloggerDicasHot" href="http://dicashot.blogspot.com/">DicasHot #Compartilhe</a></center>

• O número 40 destacado de azul claro no código corresponde ao tamanho da letra;
• As cores em html destacadas de rosa no código, corresponde a cor do efeito (neste caso esta vermelho);
• Na parte destacada de azul você vai colocar um link de direcionamento ao clicar no texto;
• Na parte destacada de vermelho corresponde ao seu texto;

Tendo feita as modificações, salve e pronto!!!