8 de jan de 2013

Personalizar títulos (Heading, Subheading e Minor Heading)

Olá Anjos!

Desculpem meu (quase) sumiço, estava passando muito mal ontem, não consegui me concentrar em ficar no PC, fiquei lendo o dia todo e a situação só piorou

Hoje vou ensinar a personalizar os títulos do blog. Aprendi esse tutorial no blog Doce sonho de menina, e uso no meu blog literário. Para quem não sabe, a opção titulo e subtítulo fica do lado de onde se escolhe a fonte. Tenho certeza que muita gente nem usa ou nem sabe que existe. Mas esses títulos são úteis para separar conteúdo no blog.
Veja um exemplo dos títulos personalizados aqui.



Entre no editor de HTML do seu Template. Procure de acordo com o código do título que você quer editar (h2,h3,h4) se não tiver, cole o código acima de ]]></b:skin>.

H2 - Heading:
(esse é o título)

Eu não recomendo personalizar o título, porque pode mexer também com a personalização do título dos Gadgets e cabeçalho, mas se você quiser arriscar, use o código a seguir:

h2 {
}

Coloque suas personalizações entre as "{" 


H3 - Subheading:
(esse é o subtítulo)


h3 {
   text-shadow: 1px 1px 1px #666666; /*Coloca sombra no texto*/
   background-image: url(URL_DA_IMAGEM);
   background-repeat: no-repeat;
   background-position: left center;
   padding-left: 30px;

   font-size: 20px !important; /*Tamanho da fonte*/
   font-weight: bold; /*Texto em negrito*/
}


Você pode colocar uma pequena imagem no local indicado, eu não uso, mas a preferencia vai de cada um. Apague a parte em negrito caso não queira imagem.

H4 - Minor Heading:
(esse é o título secundário).

Esse título é o mais simples, por isso fica melhor não colocar muitas personalizações nele, mas fica a seu gosto mexer como quiser.


h4 {
   color: #666666; /*Cor  da fonte*/
   font-style:italic; /*Fonte em itálico*/
   font-size: 18px !important; /*Tamanho da fonte*/
}

Caso queira aplicar um desses títulos, é só aplicar a opção título no painel do blogger, no lugar do texto que você quer usar como título. Espero que seja útil de alguma forma. Beijos!


3 comentários:

  1. Muito obrigada por postar este tutorial, salvou minha vida!

    ResponderExcluir
  2. Não consigo achar essas tags ( h2, h3, h4) pode me ajudar?

    ResponderExcluir
    Respostas
    1. Essas tags não estão no HTML do blogger, é só você acrescentar ^^

      Excluir

Seja educado, não use palavras ofensivas ou de baixo calão;
Comente algo relacionado ao post, para outros assuntos use a ask;
Obrigada e volte sempre!