Personalize: Título da postagem


Já recebi alguns pedidos para este tutorial, e hoje vou postá-lo. O próximo tutorial será de como mudar o background do blog com um click, que é muito fácil e prático de fazer! Entenda que no título da postagem você pode personalizar apenas a fonte, a cor e o tamanho pelo designer de modelo, certo? Então vou ensinar para vocês algumas outras coisas básicas que dá para personalizar através do HTML do seu layout. Básicas, mais que fazem diferença! Vamos começar? Clique no link para ver o tutorial completo.
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'> o 2
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, por hoje é só isso meus amores! Eu estou fazendo o possível para deixar cada vez mais atualizado o blog, to pensando em preparar um sorteio que vocês irão adorar, espero eu né... Enfim, qualquer outra dúvida perante personalizar o título da postagem ou qualquer outro assunto de HTML/CSS deixe um comentário explicando ok? Beijinhos, Emily.

Postar um comentário

0 Comentários