Primeiro vamos adicionar as configurações da área de widgets no css do template
procure pela linha:
]]></b:skin>

Acima dela cole o código abaixo:

#newsidebar-widget {
width:148px; /* largura do widget */
float:right; /* posicionamento do widget */
margin-top:-19px; /* abaixar ou levantar o widget */
margin-right:15px; /* carregar o widget para direita */
font-size:97%;
display:inline;
line-height:1.5em;
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 */
}

pronto as configurações estão adicionadas , agora vamos adicionar a área dos widgets no template
procure por:
<div id='main-wrap1'>

Acima dela cole o código abaixo:

<div id='newsidebar-widget'>
        <b:section class='sidebar' id='newsidebar' showaddelement='no'>
<b:widget id='HTML20' locked='false' title='' type='HTML'/>
</b:section>
      </div>

empre quando adicionar uma área de widget novo, troque "HTML20" para HTML+qualquernumero ( os ID's não podem ser iguais , se tiver igual algum outro id do seu template irá dar erro ) e troque nome "newsidebar-widget" no css e na id da div ( atenção: o nome que estiver no css tem que ser exatamente igual o nome da ID da div )
Pronto visualize , alinhe sua área de widget e salve