Acrescentando outra sidebar (coluna horizontal)

Bom, no La Blogueria encontrei essa dica que eu estava LOUCA atrás. Com ela você poderá colocar mais uma coluna ao blog. Só que essa coluna é horizontal e só tem sentido ser colocada se você tiver um template onde as duas colunas fiquem de um lado só.

Clique para visualizar

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

Primeiro vá até o HTML do seu blog e coloque o código abaixo antes de: #sidebar-wrapper {

#widebar-wrapper {
width:360px;
float:right;
padding-bottom:10px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}

Atenção: Esses dois códigos na cor verde é para que você faça as modificações necessárias como largura e lado das colunas.

360px é a largura da coluna, vá trocando o número até que se ajuste ao tamanho desejado.

Caso no seu template as suas outras colunas fiquem do lado esquerdo, troque "right" por "left"


* Se você quer que a coluna fique acima das outras colunas:

Agora procure pelo código: <div id='sidebar-wrapper'>

E acima dele cole o código abaixo.

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

*Se você quer que fique abaixo das outras colunas:


Procure pelo código:
Agora procure pelo código: <div id='sidebar-wrapper'>:

e ao final dele terá:

</b:section>
</div>

E abaixo dele cole o código.

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