segunda-feira, 3 de outubro de 2011

Personalize: titulo da postagem




Entenda que no titulo da postagem você pode personalizar apenas a fonte, a cor e o tamanho pelo desiner de modelo, certo? Então, hoje vou ensinar a personalizar através do HTML. São dicas básicas mas que fazem a diferença! Vamos começar? Clique no link abaixo para ver o tutorial completo.

Fundo Colorido

Vá até Design » Editar HTML e proucure por:  

h3.post-title {
  
E abaixo dessa tag cole o código abaixo:

background: #E4E4E4;

Substitua #E4E4E4 por uma destas cores, se preferir.

-------------------------------------------------------------------------
Título Centralizado


Continue no mesmo trecho (h3.post-title {), e acrescente o código abaixo:

text-align: center

Caso queira o título alinhado à direita, substitua center por right.


-------------------------------------------------------------------------
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 gente por hoje é isso! Espero que vocês tenham gostado do tutorial e qualquer dúvida deixe um comentário.

3 comentários:

Gaabi.. disse...

Oie, adorei o tutorial amr. (:
Seguindo de volta blz ?
Beijos :*
busygirls-blog.blogspot.com

Fernanda disse...

Oi estou seguindo de volta :)
Bjss
http://terminal-nanda.blogspot.com

Márcinha Mendonça disse...

Obrigada for por gostar do meu cantinho e me seguir ja estou a te seguir seja bem vinda beijosmeus