Páginas

07 março 2012

Sombra no texto do blog + Fonte Century Gothic

Tumblr_m0iwzhd1fm1qixlvbo1_500_large

Hello! Hoje tem tutorial bem fácil e rápido pra vocês. A maioria já conhece o efeito sombreado em títulos dos posts e dos gadgets, mas não sabem onde colocar o código para aplicar o efeito ao texto de todo o blog, igual aqui no cherry bomb.
É bem simples, veja só:

Abra o HTML do seu blog. (Veja como aqui)
Aperte Ctrl+F e procure por body { e cole logo abaixo esse código:

text-shadow: 1px 1px 3px #b5b5b5;
-moz-text-shadow: 1px 1px 3px #b5b5b5;
-webkit-text-shadow: 1px 1px 3px #b5b5b5;
 Edite a cor e o tamanho da sombra como preferir. Os valores e a cor devem ser iguais nas três linhas do código para funcionar em todos os navegadores (exceto o Internet explorer).


Dica Extra 
Em um layou antigo aqui do CB e no lay free delicate, eu usei uma fonte no texto do blog que não está nas opções de fontes do blogger. O nome daquela fonte é Century Gothic, e é uma fonte bem bonitinha. Para colocá-la no seu blog só leva um minutinho, veja como:

No HTML do seu blog aperte Ctrl+F e procure por body {
Cole logo abaixo esse código:
font-family: century gothic;
font-size: 14px; 
Altere o tamanho (em vermelho) se preferir. Visualize e salve!


Bem fácil os dois tutoriais não é? Espero que tenham gostado, kissus!

37 comentários:

  1. Bem fácil mesmo, eu trocava a fonte do meu blog de outra forma. Mas assim é bem mais fácil.

    Dica e tanto, em? Rsrs :)

    Até mais, world-cutest.tk

    ResponderExcluir
  2. Eu acho bonito esse efeito só em títulos, já em textos eu acho feio :P Essa fonte é bem bonitinha mesmo *0* Bjxx

    www.garotadeallstar.com

    ResponderExcluir
  3. adorei!
    http://sweetdrensofficial.blogspot.com

    ResponderExcluir
  4. nossa, bem fácil
    antes eu trocava de uma forma bem mais complicada, obrigada (:

    http://boneca-caprichosa.blogspot.com

    ResponderExcluir
  5. Este comentário foi removido pelo autor.

    ResponderExcluir
  6. ameei o post
    pdisturbia.blogspot.com

    ResponderExcluir
  7. acho esse efeito mega lindo!

    Bjo
    http://blogportalteen.blogspot.com

    ResponderExcluir
  8. muito legal *-* adorei, e essa fonte é super linda (tem no msn, sabia? eu usava mas cansei u_u)

    beijo ♥
    thestarsthief.blogspot.com

    ResponderExcluir
  9. Antees eu sempre usava ela ! ée super linda e fofaa !
    kisses,
    kayla
    kaylacristina.blogspot.com

    ResponderExcluir
  10. aa eu tava a procura desse tutorial rsrs (:

    http://garotoonerd.blogspot.com

    ResponderExcluir
  11. Nossa Liah que incrivel o tutorial, vou com certeza usar ele no meu proximo layout, acho bacana e fica lindo o efeito, o CB ta cada vez mais lindo

    http://www.perfeitinhablog.com/
    http://thaisr-encomendas.blogspot.com/

    ResponderExcluir
  12. Amei o tutorial,pensei que fosse mais difícil rs!!^^
    http://blog-mudancas.blogspot.com/

    ResponderExcluir
  13. Mais uma vez parabéns, perfeito demais esse efeito adoguei, kkk

    ResponderExcluir
  14. Tudo que aplico em meu blog tirado daqui da super certo, muito obrigada por você compartilhar seus conhecimentos.
    Que Deus continue te dando sabedoria Cherry.
    Abraços e sucesso

    ResponderExcluir
  15. Adorei seu cantinho e já fiquei por aqui
    http://meninamulhercomglitter.blogspot.com
    Bjins,

    ResponderExcluir
  16. Ameia!! :D
    http://fanartluulyma.blogspot.com.br/

    ResponderExcluir
  17. Muito bom vou repostar no meu blog com créditos óbvio

    ResponderExcluir
  18. Mais Uma vez perfeitinho nossa que blog maravilhoso tudo de bom e bem explicadinho viu?? >< ' ,
    URL de meu blog : www.sonho-deumagarotta.blogspot.com , Cherry Bomb! posso ser sua afilhada >< ' ? "

    ResponderExcluir
  19. Gostei muito de tudo , *u*
    Ai , mas não sei onde fazia pedidos , ai vou fazer aqui mesmo. (:
    Bom.. é que eu quero que no lugar da minha postagem a ponta do fundo fiquei redondinha que nem a do meu menu , pode me ajudar ? *-*
    Olha ai meu blog , http://lembre-sedisso.blogspot.com.br/
    Beijos , obrigada e que você continue a assim ajudando a todos ;*

    ResponderExcluir
  20. Valeuuu me ajudou bastante.

    Beijos Emilia adoreiii seu blog.

    http://coffemilia.blogspot.com.br/

    ResponderExcluir
  21. no meu blog não aparece... porque será? :(

    ResponderExcluir
  22. Adorei,mais eu queria colocar só nos nos titulos dos gadgets,e ficou no post tbm e fica ruin de ler,e eu queria saber como tirar da texto do post

    ResponderExcluir
  23. Oieee...
    Amei o Post... Muito facil mesmo...
    Obrigada...

    http://mimiycosmeticos.blogspot.com.br/

    ResponderExcluir
  24. Olha eu amei muito obrigada!voce me ajudou muito !!bjos
    visitem -stardollascats.blogspot.com

    ResponderExcluir
  25. Ótimo tuto! Créditos eternos lá no meu blog OIEPOWQIE-
    Kisses

    space-sweet-girl.blogspot.com.br

    ResponderExcluir
  26. Vou reblogar depois flor mais claro com os devidos creditos <3
    Kissses.
    http://cantinhodaslovelys.blogspot.com.br/

    ResponderExcluir
  27. Sem contar que pode colocar esse código para outras finalidades, como colocar no título da sidebar

    ResponderExcluir
  28. Amei a fonte!!
    BEIJOS!

    rarosej.blogspot.com.br

    ResponderExcluir
  29. Este comentário foi removido pelo autor.

    ResponderExcluir
  30. Muito bom, parabéns!
    Beijos!

    www.cuidadosevaidades.com.br

    ResponderExcluir
  31. Haha.. Muito bom. Gostei, na verdade AMEI! Parabéns! :)

    Beijos!

    ResponderExcluir
  32. Respostas
    1. Olha o meu http://worldofsweetss.blogspot.com.br/

      Excluir
  33. Eu amo suas dicas, porque são bem práticas e fáceis de fazer, eu tenho blogger e sei como é dificil encontrar dicas minimamente bem explicadas para o personalizar.
    Bjs.

    ResponderExcluir