21 de jul de 2012

Personalizando o título dos gadgets

O título dos Gadgets é a coisa mais personalizavel que temos no blogger, na minha opinião. Um título dos gadgets bem personalizado deixa qualquer Template super original e criativo. Existem muitas formas de se fazer isso, hoje vou ensinar uma maneira bem simples, que pode ser modificada de várias formas.


1- Vá no HTML do seu blog, aperte ctrl+F e procure por:

h2 {

Vai estar mais ou menos assim:


/*Headings
----------------------------------------------*/
h2 {
font: $ (widget.title.font);
color: $ (widget.title.text.color);
}

2-Substitua esse trecho por:

.sidebar h2 {
font-family: 'Arial', cursive; /*Tipo de fonte*/
font-size: 26px; /*Tamanho da fonte*/
color: #FFAEB9; /*Cor da fonte*/
background: url(LINK-DA-IMAGEM) no-repeat center;

height: 36px; /*Altura da imagem*/
width: 300px; /*Largura da imagem*/

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

3-Visualize e salve;

Se quiser cor, mude a parte 

height: 36px;/*Altura da imagem*/
width: 300px; /*Largura da imagem*/

Por:

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

Se a imagem não funcionar você pode colocar essa parte:



background: url(LINK-DA-IMAGEM) no-repeat center;
height: 36px;/*Altura da imagem*/
width: 300px; /*Largura da imagem*/

Em baixo de .footer-inner .widget h2, que também funciona.


Um comentário:

  1. Amei seu tuto como sempre flor
    Cacau.
    www.mundomaniateen.blogspot.com

    ResponderExcluir

Seja educado, não use palavras ofensivas ou de baixo calão;
Comente algo relacionado ao post, para outros assuntos use a ask;
Obrigada e volte sempre!