Como personalizar o titulo dos gadgets

Oiie cutes como você estão?
Vim trazer um tutorial que vai ser bem util para vocês, com o novo HTML não dá mais (EU NÃO CONSIGO) colocar faixinha no titulo do gadget e ao mesmo tempo o titulo ficar centralizado então descobrir um outra forma de personalizar o titulo do gadget vamos lá?
Modelo ✖ editar HTML ✖ aperte ctrl + f e procure por:
h2 {
Vai estar assim:
h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);
}
Apague ele todo e no lugar dele cole:
.sidebar h2 {font-family: Century Gothic; /*Tipo de fonte*/font-size: 16px; /*Tamanho da fonte*/color: #000000; /*Cor da fonte*/border-bottom: 2px solid #fff; /*Borda de baixo, apague se não quiser*/background: #fbfbfb; /*Cor de fundo*/text-align: center; /*Alinhamento do texto*/} 
Se em vez de cor quiser colocar uma imagem apague isso:
background: #fbfbfb; /*Cor de fundo*/
por isso:
background: url(link_da_imagem) no-repeat center;height: 30px;/*Altura da imagem*/width: 200px; /*Largura da imagem*/  
 Visualize se ficou tudo ok salve, qualquer duvidas comentem, se usar me dê créditos e ao  beijos.

12 comentários:

  1. MAASSA DMS!
    VEJA>>http://euamotutoriais.blogspot.com.br/

    ResponderExcluir
  2. gostei do post goto mt de mexer em Html ! u.u !
    visita ~~>http://seututorialmeututorial.blogspot.com.br/

    ResponderExcluir
  3. aceitamos sim nos coloque e nos avise !

    ResponderExcluir
  4. Aceitamo sim nos coloque e nos avise !
    http://seututorialmeututorial.blogspot.com.br/

    ResponderExcluir
  5. aceitamos nos coloque e nos avise !
    http://seututorialmeututorial.blogspot.com.br/

    ResponderExcluir
  6. Gostei do tutorial... Talvez eu use no meu próximo layout... Se puder seguir de volta: www.docemelodiia.blogspot.com
    Beijoooos *--*

    ResponderExcluir
  7. Muito bom o tuto!
    é super interessante, principalmente mudar o titulo dos gadgets para não ficar aqueles caretas do próprio blog ú.ú
    além do mais o tuto é super facin de fazer ;)
    mihas-confissoes-2012.blogspot.com

    ResponderExcluir
  8. só pra corrigir o link do meu blog: minhas-confissoes-2012.blogspot.com... sei que não precisa colocar mas... sou doida =P

    ResponderExcluir
  9. Ótimo tutorial,
    Acabaram as vagas de afiliação, desculpe... quem sabe na próxima :C
    space-sweet-girl.blogspot.com.br

    ResponderExcluir
  10. Adoreiiii o menu é realmente muito lindinho *--*

    vaonamala0ficial.blogspot.com

    ResponderExcluir
  11. opa, comentei errado -- não sabia que podia personalizar desses jeito adoreii ^^

    vaonamala0ficial.blogspot.com

    ResponderExcluir
  12. Amei o tuto ! Participem do meu blog ele é novo ! looksetruques-stardoll.blogspot.com.br

    ResponderExcluir

REGRAS:

✖ Proibido xingar, insultar
✖ Faça criticas construtivas
✖ Siga, Comente e divulgue
✖ Não plagie as postagens, pegar algum post Credite
✖ Comente sobre o assunto do blog, e no final do comentário coloque o link do seu blog, que eu visitarei e seguirei.