Personalize o título das postagens



Olá brabuletas. Hoje trouxe um tutorial ensinando como mudar o background do blog com um click, que é muito fácil e prático de fazer! Vocês sabem que o título da postagem você pode personalizar apenas a fonte, a cor e o tamanho pelo designer de modelo, certo? Então vou ensinar a vocês algumas outras coisas básicas que dá para personalizar através do HTML do seu layout. Vamos começar?

Título centralizado
Vá até Design » Editar HTML e proucure por:
h3.post-title {
E acrescente abaixo, este código:
text-align: center; 
Caso queira o título alinhado à direita, substitua center por right.


Fundo colorido
Continue no mesmo trecho (h3.post-title {), e abaixo dessa tag cole o código abaixo:
background: #E4E4E4;
Substitua #E4E4E4 por uma destas cores, se preferir.


Divisória abaixo do título
Design » Editar HTML » Expandir modelos de widgets, e proucure por:
<div class='post-header'>
Logo acima dele, cole:
<div style="border-top: 1px dashed #707070"></div> 
Entenda: 1px é a expressura da divisória, dashed é o modelo (pontilhado) e #707070 a cor. Caso queira uma imagem, apenas adicione acima da tag este código:
<img src="LINK_DA_DIVISÓRIA"/>
Caso seu layout tenha duas tags iguais (a que se pede para proucurar), uma não vai funcionar quando você salvar/visualizar, e obviamente cole acima da outra tag e visualize, caso estiver tudo certo, salve.



Imagem como fundo da postagem 
Novamente, vá até Design » Editar HTML e localize a tag:
h3.post-title {
Após a chave ({), cole o código abaixo:
background-image: url ('LINK_DA_IMAGEM');
width: 500px;
height: 40px;
Agora faça as devidas alterações: 500px é o valor da largura do seu fundo do título, e 40px a altura.


Bom pessoal, por hoje é só, espero que tenham gostado do tutorial. BEIJOS o/

4 comentários:

  1. Olá era só para avisar que mudei o link do blogue aqui está o novo:
    http://nobodys--listen.blogspot.pt/
    beijinhos ^^

    ResponderExcluir
  2. Me ajudando novamente haha
    Seus tutoriais sao realmente muito lindos, e perfeitos e explicativos muito mesmo, usei parte deles para pdoer fazer o meu blog e agradeço a voce por estar sempre postando aqui e ajudando a vida de tanta pessoa . amei seu blog, to seguindo, da uma passadinha no meu blog e segue por favor? Eu to começando no mundo dos blogs(novamente), e que queria perguntar se voce podia dar uma passada lá no meu blog para ver e me ajudar para que ele cresça, tenho certeza que você vai gostar de lá, lá eu posto tudo sobre maquiagens, cabelo, unhas, moda, tutoriais de make e também de HTML, posto vários goodies e utilitários pra vocês. Está em fase de crescimento e por enquanto tem poucos posts mas sem dúvida você vai gostar quando os posts começarem a bombar. Entra lá linda http://cupcakeofchocolate.blogspot.com.br/

    ResponderExcluir
  3. Obrigada por avisar Kate! Irei passar lá pra ver como ficou o blog.
    Beijos!

    ResponderExcluir
  4. Oun' Que bom que você gostou do tutoria, ele é simples mais serve muito!! E é meu papel está aqui pra ajudar vocês, meus leitores.
    Fico feliz que você tem gostado dos tutoriais.
    Haá' Com certeza irei visitar o seu blog!
    Beijos ;*

    ResponderExcluir

Obrigada por comentar.