Adicionando sidebar ao seu template

Fala gente hoje o tutorial e de adicionar uma sidebar pelo codigo do blog, e  bom facim.

Primeiro antes de ]]></b:skin>
cole o modifique o codigo abaixo:

#sidebar-wrapper-2{


width: 120px //largura//
margin-top: 30px; //alinhamento de baixo para cima//
margin-left; //edite o alinhamento as pontas
float: right; //alinhamento a direita, se quiser á esquerda mude para left///
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */

}

Agora vamos editar o Xml/Html do blog.
Esse é o codigo:

<div id='sidebar-wrapper-2'>
        <b:section class='sidebar' id='sidebar-2' preferred='yes'>
</b:section>
      </div>

se quuiser que ela fique antes da area dos posts como esse,cola antes de <div id=main-wrapper'>


Mas se quiser depois cole depois da tag <div id=main-wrapper'>
por exemplo,

vai estar assim:

<div id=main-wrapper'>
/* codigo da tag
</div>


<div id='sidebar-wrapper-2'>
        <b:section class='sidebar' id='sidebar-2' preferred='yes'>
</b:section>
      </div>

------------------------------------
Flw gente ate a proixima, duvidas, comente ;)