Personalizando o titulo dos Gadgets

Personalizando o titulo dos Gadgets

Todas nós blogueiras amamos ter o blog a nossa cara, não é mesmo? Sempre deixando cada vez mais do nosso jeitinho. 

Estava eu fuçando na internet, em busca de novos mimos para o blog e me deparei com um tutorialperfeito que até estou usando no meu layout! Olha Só...

O Tutorial foi encontrado em um blog lindo chamado isjackiezzdream, então aqui estão os merecidos créditos!

Bora começar?

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: 23px; /*Tamanho da fonte*/
color: #2E2E2E; /*Cor da fonte*/
background: url(http://oi60.tinypic.com/jj65ur.jpg) no-repeat center;
height: 20px;/*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*/

Visualize se estiver tudo OK, salve! Dúvidas comente