Como Personalizar o 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?
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.
Continue no mesmo trecho (h3.post-title {), e abaixo dessa tag cole o código abaixo:
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.
Novamente, vá até Design » Editar HTML e localize a tag:
h3.post-title {Após a chave ({), cole o código abaixo:
Agora faça as devidas alterações: 500px é o valor da largura do seu fundo do título, e 40px a altura.background-image: url ('LINK_DA_IMAGEM');width: 500px;height: 40px;
0 comentários:
Postar um comentário