Tutorial:Sombra nos títulos dos posts

Oie,gente como vocês devem ter reparado eu adicionei sombra no título dos post,legal né,então é isso que eu vou postar pra vocês,muito obrigado ao Cherry Bomb pelo tutorial,clique em Leia Mais para ver o tutorial↓
O código usado para dar esse efeito é esse:

text-shadow: 1px 2px 3px #6a6a6a;

As partes em rosa e azul são equivalentes á distância do sombreado em relação ao texto. A parte em amarelo é o tamanho do esfumaçado da sombra. E o código em verde é a cor da sombra.
Você pode ir alterando esses valores para obter diferentes efeitos de sombra. Para aplicar esse efeito no titulo dos posts, siga os passos abaixo:

1 – Abra o blogger, clique em design > Editar HTML
2 – Aperte Ctrl+F e procure por: post-title
3 – Você deverá achar um código parcecido com esse:

h3.post-title, h4 {
  font: $(post.title.font);
  color: $(post.title.text.color);
}

4 – cole abaixo da linha:
#h3.post-title, h4 {

O código da sombra que eu coloquei no começo do post. Seu código deve ficar assim:
h3.post-title, h4 {
  font: $(post.title.font);
  color: $(post.title.text.color);
text-shadow: 1px 2px 3px #6a6a6a;
}

5 – Visualize e salve. Você irá conseguir um efeito como abaixo:
image Você pode alterar os valores e a cor da sombra para conseguir outros efeitos:
image image
 Espero que dê certo com vocês e aproveitem.

 

Nenhum comentário:

Postar um comentário

Muito obrigada pela visita*--*
Siga e deixa o seu link que seguirei de volta^^
Ah e me sigam pelo Twitter também,sigo todos de volta.
Twitter:@heeysmile
Volte sempre!
Beijoos Gabriela