Como colocar barra lateral no blog

Iae ae galera nesse tutorial vou ensinar a colocar barra lateral (SIDEBAR) no blog sem baixar templates pela prorpia ferramenta do blog sem fazer esforço, pelo geito dos tutoriais do youtube ninguem postou um tutorial de como colocar barra lateral no blog sem baixar templates bom eles fazem template com barra lateral mais nao faz aquilo tudo com as ferramentas do blog eles utilizam alguns progamas por exemplo Artisteer DreamWeaver entao aqui vou ensinar sem baixar templates e usando a propria ferramenta do blog sem esforço entao vamos la vai em Design, Designer do Modelo , em Avançado depois em Adicionar CSS e cole esse código
OPS:OBSERVE BEM EM ALGUNS LUGAR É PRECISO COLOCAR ALGO TIPO COR A IMAGEM SE QUIZER A IMAGEM http://i.imgur.com/Mx8OK.jpg SÓ VER O CODIGO E COLAR ESSE LINK:





.sidebar h2{
font-size: 29px;
color: white;}.sidebar h2:first-letter {
font-family:Tangerine;
color:#fffff;
font-size:19px;
font-weight: bold}
.sidebar h2{
width: 200px;
height: 29px;
font-size: 17px;
color: #fffff;
font-family: Tahoma;
background: url(AQUI O LINK DA SUA IMAGEM)  no-repeat;#CustomSearch1 h2{
background: #ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkUm70AeHdIuhoBfYDp-B8M7zcJ-bd_pPEMFh4FwMQRDoV4SIMvKcU3xUWT30DCBKsmzYmqagBn7m79o6Jl90w4p4lrM4pZe3jiGep_Pd-c2SFigdtWb5qivtQaafEB_aucvesa0kUDddJ/s1600/Find+Search_32.png)  no-repeat 280px 10px;
-moz-border-radius: 5px;
border-radius: 5px;}#CustomSearch1 h2{
background: #DAF2FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkUm70AeHdIuhoBfYDp-B8M7zcJ-bd_pPEMFh4FwMQRDoV4SIMvKcU3xUWT30DCBKsmzYmqagBn7m79o6Jl90w4p4lrM4pZe3jiGep_Pd-c2SFigdtWb5qivtQaafEB_aucvesa0kUDddJ/s1600/Find+Search_32.png)  no-repeat 4px 10px;
text-indent: 36px;
-moz-border-radius: 5px;
border-radius: 5px; }


                                   Salve e pronto


                                O RESTO É COPIA


ESTA PRECISANDO DE AJUDA ? CLICK AQUI