Olá gente,
Hoje eu vim trazer um novo quadro aqui para o blog que vai ser " blogger".
Então nos vamos fazer sidebar personalizada!




1°- Abra o seu editor de imagens (eu usei o photoshop cs6)
faça uma imagem de 250 por 50 px,com o fundo transparente.

2°- depois vá na ferramenta retângulo arredondado,e escola uma cor.




Até ficar assim...
 Ai você salva em png!
e ospede a imagem (eu uso e adoro este)

3°- vá no blogger>modelo>editar html> e aperte dento da caixinha do codigo e clik nas teclas
  '' ctrl  f  '' e vai aparecer uma janela de pesquisa , e procure por      /* Content    logo a cima 
cole o seginte codigo:


 /* sidebar content
------------------------------------------------
.sidebar .widget, .sidebar2 .widget {
background:#color;
margin-bottom:50px;
padding-top:-1px;
color: #b6b5b6;
font-family: tahoma;
font-size: 13px;
text-align:justify;
width:largura da sidebarpx;
}

.sidebar h2 {
background: url('endereço da imagem') no-repeat;
text-align:center;
height:alturapx;
width:largurapx;
padding-top:0px

}