Adicionando novas áreas para Widgets

Hoje venho trazendo um tuto de como adiciona novas areá para Widgets então vamos la.

1. Primeiro Procure por:

/* Page Structure

2. Agora copie o codigo abaixo e edite de acordo com o seu template.

<br /> <br /> #newsidebar-wrapper {
margin-left: 0px;
width: 220px;
float: 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 */
}

3. Apos Editar,desça ate a parte html, estara mais ou menos assim.

<br /> <br />    <div id='header-wrapper'>
    <div id='publicidade'>
    <b:section class='sidebar' id='publicidade'>
    <b:widget id='HTML9' locked='false' title='' type='HTML'/>
    </b:section>
    </div>


    <div id='main-wrapper'>
    <b:section class='main' id='main' showaddelement='no'>
    </b:section>
    </div>

 4. Agora adicione este codigo abaixo do main-wrapper

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