Personalizando os títulos dos gadgets do sidebar

02:21


Olá meus amores... Saudades imensas de voces!
Depois de um tempinho sem me dedicar ao blog venho hoje com um tutorial bem simples, e que foi pedido por algumas blogueiras. Que é como personalizar os títulos dos gadgets da sidebar.

Bom os creditos desse tuto vai para Cherry Bomby

Inicialmente, no painel do blogger, clique em "Modelo" , depois em "Editar HTML" (obs: nao esqueca de fazer o backup do seu layout).


Aperte Ctrl+F e procure por h2 {
Logo abaixo do trecho que você procurou, vai ter algo parecido com isso (se nunca foi alterado):

h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);
}

Apague toda essa parte e no lugar coloque esse código:

Agora é só modificar as cores e a fonte como quiser. Se em vez de cor, você quiser colocar uma imagem de fundo, substitua essa parte:

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 está tudo certo e salve. Espero que tenham gostado. 
Um forte abraço, e ate o proximo tutorial!

Poderá gostar também de:

2 comentários

  1. Oiee lindona, muito obrigada pelo carinho... fui conhecer seu blog super amei... PARABENS!!!
    Ja me inscrevi tbm no canal para acompanhar as novidades. bjuss

    ResponderExcluir
  2. Legal sua atitude de ensinar como mudar !
    To seguindo para acompanha pois amei vim aqui !!
    Uma ótima semana fica com deus!
    Juízo no corpo e na alma!
    www.politicamenteincorreta.com

    ResponderExcluir

Flickr Images

Subscribe