Colocar icone n/ titulo da sidebar

Boas tardes todos hoje tenho um bocadinho e vim trazer uma partilha de colocar um icone ao lado do titulo da sidebar.
Pode ver a imagem acima tem icone da estrela e titulo da sidebar com efeito shadow.
Vamos começar a colocar este código.

Antes de tudo faça uma cópia do seu template...

Entre no modelo em seu blog e depois editar html e procure este código:

Procure principalmente código com numero 2 e troque pelo meu:

.sidebar h2 {
background: url(http://i.imgur.com/oBjaLSk.png) no-repeat;
clear: both;
padding:1px 0 14px 30px;
font-weight: 400;
margin-left: 12px;
margin-top: 0px;
margin-bottom: 15px;
color:#3a3a3a;text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
font-family:Lobster;font-size:20px;
}

Agora vamos entender o código:

1. background: url(http://i.imgur.com/oBjaLSk.png) no-repeat; é onde coloca o seu icone...
2. padding:1px 0 14px 30px; aqui vc controla titulo e icone para cima ou para baixo...
3. font-weight: 400; aqui vc define a espessura da letra do titulo...
4. margin-left: 12px; aqui vc anda com icone para esquerda ou direita...
5. margin-top: 0px; aqui mexe icone e titulo para cima ou para baixo...
6. margin-bottom: 15px;aqui mexe icone e titulo para cima ou para baixo...
7. color:#3a3a3a; côr do titulo...
8. text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135; sombra do titulo...
9. font-family:Lobster; fonte da letra do titulo ...
10. font-size:20px; aqui é o tamanho da letra do titulo... 

Agora personalize como gosta ,espero ter ajudado até mais ...

Colocar icone n/ titulo da sidebar

► 2

► dicas vários

► Cartita