Colocando fundo ou imagem na sua sidebar

Bom, hoje vou mostrar a como deixar sua sidebar com mais estilo, mudando seu fundo, o titulo e outro fundo para os títulos.Primeiramente quero falar que para este tutorial foi usado um template minima que o próprio blogger fornece.

Então vamos lá.

Usaremos esta imagem como exemplo

1) Colocando fundo em sua sidebar.

Entre em seu blogger fazendo login > Entre em design > Depois em Editar html.
e Procure por essas tags :

.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}

Logo Abaixo dela devera ter um código parecido como .sidebar h2, se não houver, logo abaixo do código encontrado o .sidebar { adicione este código:

Ficara assim:

.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}
.sidebar h2 {
background: #0000ff ;
}

o comando : background: #0000ff; será o fundo que ficara atras do titulo da sidebar assim.
Se voçê preferir pode colocar uma imagem basta substituir o comando:
background: #0000ff ;
Por esse:
width: 200px;
background: url ("LINK-DA-IMAGEM) no-repeat" ;
A imagem deve ter o tamanho de 330 por 30 px.

Veja os dois exemplos Abaixo:
1) Imagem com fundo Azul:

1)Sidebar com imagem de fundo.

Pronto simples e facil basta salvar as alterações para ver o resultado, coloque uma imagem que fique com o estilo do seu blogger ou uma cor.

TUTORIAL CHEFE

Colocando fundo ou imagem na sua sidebar