Personalizar o Título do Gadget

Olá queridos meus! Tudo bomm? Hoje, a pedido do Kauan Alves, eu trouxe um tutorial bem bacana que ensina a personalizar o título do seu Gadget. Bom, sem mais delongas, vamos ao tuto!

1° Vá no seu HTML e procure por:  h2 {

Se você nunca editou esta parte do template vai estar mais ou menos assim:

2° Substitua o trecho destacado por:

.sidebar h2 {

font-family: 'Sofia', cursive; /*Tipo de fonte*/

font-size: 26px; /*Tamanho da fonte*/

color: #FFAEB9; /*Cor da fonte*/

background: url(http://i.imgur.com/Rjdny.png) no-repeat center;

height: 36px;/*Altura da imagem*/

width: 287px; /*Largura da imagem*/ 

text-align: center; /*Alinhamento do texto*/

}

3° Instalando a fonte:

- Acima de:

 </head>  

 Cole o seguinte código:

 <link href='http://fonts.googleapis.com/css?family=Sofia' rel='stylesheet' type='text/css'/>  

 

4° Últimos ajustes:

- No trecho:  http://i.imgur.com/Rjdny.png  vocês podem trocar por uma imagem personalizada ok? Não esquecendo de ajustar as medidas da sua imagem.

- Mais caso ao invés de uma imagem vocês queiram apenas uma cor é só substituir essa parte:

background: url(http://i.imgur.com/Rjdny.png) no-repeat center;

 Por esta:

background: #000000; /*Cor de fundo*/