Saiba Como "Acrescentar Outra Coluna Sidebar (coluna horizontal)"

Saiba Como "Acrescentar Outra Coluna Sidebar (coluna horizontal)"


Pesquisa encontrada em templates e acessórios:


Vide a seguir:

"Bom, no La Blogueria encontrei essa dica" ..

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
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.

360 px é 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>





fonte e créditos: 
templateseacessorios







Postar um comentário

0 Comentários