Fundos nos titúlos dos gadgets

Matei vocês com essa foto né? çlaspalçlsapsl


Vou postar como colocar fundos nos titulos dos gadgets
De 2 modos

1° modo :
Primeiro vá eu seu HTML, selecione expandir modelos widget e de Ctrl+F, procure por:

/* Headings

Quando achar, um pouco abaixo deve estar uma tag parecida ou igual a esta:

.footer-inner .widget h2,

.sidebar .widget h2 {

  padding-bottom: .5em;

}

Antesde fechar a chave } cole este código:

background-image: url(URL DA SUA IMAGEM);

  background-position: center;

  font-size: 11px;

  text-align: center;

Agora substitua a parte URL DA SUA IMAGEM pela url do seu background. Lembrando que para copiar a url de uma imagem tem que clicar com o botão direito sobre ela e clicar em copiar url. 

E na parte onde tem o úmero 11 você pode ir aumetando o número até ficar do tamanho desejado. 

Clique em vizualizar, se tiver tudo certo salve!

2° modo :

No painel do blogger, clique no nome do seu blog, depois, clique em "Modelo" no menu vertical que aparece no lado esquerdo da tela. Clique no botão "Editar HTML" que fica em baixo da miniatura do seu blog, e clique em prosseguir no aviso que aparecer.

Aperte Ctrl+F e procure por h2 {

Logo abaixo do trecho que você procurou, vai ter algo parecido com isso:

h2 {

  font: $(widget.title.font);

  color: $(widget.title.text.color);

}

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

.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*/

}

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*/


Créditos : Cherry Bomb (2modo )