Como substituir os títulos da sidebar por HTML?


Hey, Pessoal!

Sabe quando você vai em um blog e vê a sidebar toda linda com uns títulos bem perfeitinhos? Então hoje eu vou ensinar você a criarem o título dos widgtes do jeitinho que quiserem.

Vá em Modelo> Personalizar> Ajustar larguras e veja o tamanho da sua barra lateral. É necessário saber o tamanho ideal caso você queira criar seu próprio divisor, com as medidas certas esse procedimento ficará mais fácil.

Crie o divisor da forma que desejar, ou se preferir pesquise alguns tipos de divisores no Google. Lembrando que a imagem tem que ser PNG.

Vá em Modelo> HTML> Aperte CTRL+F e pesquise por .footer-inner .widget h2,
O código estará assim:


.footer-inner .widget h2,
.sidebar .widget h2 {
  padding-bottom: .5em;
}
E você deverá substitui-lo por este:


footer-inner .widget h2,
.sidebar .widget h2 { padding-bottom: 1.1em; background:url(' URL DA FAIXA')no-repeat;
margin-left:-20px; text-align:center; }

Hospede sua imagem em algum site e coloque a url onde está escrito "URL DA FAIXA".

Se a imagem não ficar bem posicionada faça os ajustes em margin-left: 
Observação:  Números negativos vão para a esquerda e positivos para a direita.

E para alterar a fonte do título e o tamanho, é só fazer as alterações nos seguintes itens:


Font-Size /*Tamanho da fonte*/

Font-Family /*Fonte do título*/

Prontinho! Não se esqueçam de comentar o que acharam.

(Créditos:http://opincelcerto.blogspot.com.br)

Comente com o Facebook:

5 comentários:

  1. Oi, Karol! Tudo bem? Adorei teu blog e tuas dicas ><
    Beijo

    mundoemcartas.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Oie, tudo otimo! Que bom que gostou, fico muito contente com sua opinião!
      Beijos

      Excluir
  2. Este comentário foi removido pelo autor.

    ResponderExcluir
  3. O meu blog é sapo mas esta é uma dica fixe para quem não gosta dos visuais originais dos templates e os quer substituir por algo mais chamativo!

    http://coisas-ao-acaso.blogs.sapo.pt/fell-it-all-video-e-oficial-temos-21302

    ResponderExcluir
    Respostas
    1. Sim sim, acho bem bacana mudar algumas coisas e deixar o blog cada vez mais parecida com a autora. :p

      Excluir

♡ Comente sobre a postagem, sua opinião é muito importante!
♡ Seguindo, segue de volta? Claro, basta comentar nos posts;
♡ Aceito afiliações, caso deseje entre em contato pela página "Contato" ou pelo e-mail: contato@palavrasambulantes.com
♡ Sem grosserias! Comentários maldosos serão apagados;

Related Posts Plugin for WordPress, Blogger...