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.
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'> o 2Logo 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;
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.
0 Comentários