Bom, primeiro salve o seu html original antes de modifica-lo.
Depois de salvar, vamos adicionar as configurações em css no template.
Procure por:
]]></b:skin>
Agora cole acima dessa linha 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 já estão adicionadas, agora vamos adicionar a área do widget 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>
E salve.
sempre 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, só isso, espero que eu tenha ajudado, até mais
Depois de salvar, vamos adicionar as configurações em css no template.
Procure por:
]]></b:skin>
Agora cole acima dessa linha 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 já estão adicionadas, agora vamos adicionar a área do widget 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>
E salve.
sempre 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, só isso, espero que eu tenha ajudado, até mais
