Image by Julia Cristy

Tutorial

297547_195824537149447_170062219725679_439877_1119851335_n_large


Hooy Pandinhas de pelúcia ...
Sei que a maioria já conhece o tutorial ! ou não !
~wow , introdução pequenininha ^^ haha' megusta ~

...

Bom vamos ao tutorial ...
Hoje vou ensinar vocês a Como colocar sombra no titulo dos posts !
Clique em Leia Mais para ver o tutorial !



Um recurso CSS muito legal e pouco conhecido e usado pelas blogueiras teens é o text shadow, que nada mais é do que um sombreado que pode ser aplicadao nos textos, dando um efeito muito bonito. Alguns blogs usam esse recurso nos títulos dos posts, veja  exemplo:
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 tenham gostado!
Kissus *3*
Juiicy

( Lembrando que o tutorial foi feito no blog Cherry Bomb! )

7 comentários:

  1. ficou lindo o lay ^^
    flor, sobre o sorteio você fará o seguinte: Quando já tiver um ganhador você pega o endereço dele completo(rua, numero da casa, bairro, cep, cidade, estado e de preferencia no Brasil kk) ai você manda pelo correio, pode ser por sedex ou pac. Pra você ter mais informações antes de sortear você pode ir na agencia de correios da sua cidade e pedir informações de como funciona esses serviços :)
    beijinhos
    deboramoraiss.blogspot.com

    ResponderExcluir
    Respostas
    1. Aaaaaaaaahh ! Brigadaa <3
      você não sabe o quanto ajudou !

      Excluir
  2. Olá querida!
    Parabéns, seu blog é muito muito muito lindo!
    Aaah, obrigada por colocar meu blog nos seus favoritos, seu nome é Trendy Girl, e não Trendy Girlsz. hehehehe

    Beijos!

    -- A Surpresa finalmente foi revelada! Dê uma olhada, se gostar comente! --

    Julia Muller
    Trendy Girl

    ResponderExcluir
  3. O lay ta linnnnnnndo ^^ hahahha, e amo esse tuto, é mt bom ♥
    amooooo essa sombra kkkkk *-*
    juuh, pq vc nao tira a confirmação qndo alguem vem comentar aqui? (aquelas letrinhas hahaha) :3 kkkkkk

    Bjs :)
    http://bnascimentooo.net.tc

    ResponderExcluir
  4. Awn, eu gosto de ler diarios hahah, .:
    "Querido diário, otário"
    "Diario de uma menina nada popular" /algo assim...
    "Traição entre amigas" -nunca li, mas quero ): hahaha
    e os que lembro sao só esses (os que mais me marcaram), pois nao gosto muito de ler! :c hahaha

    bjssssss

    ResponderExcluir
  5. Oii gostaria de fazer afiliaçao !
    http://beijo-de-cereja.blogspot.com/

    ResponderExcluir

Comente ...
Se não um Panda vai roubar seu Cupcake a noite !