18 de jul. de 2008

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

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>




8 comentários:

  1. opa , parabéns pelo blog e essa dica foi mt útil ;}

    agora , eu gostaria que você me disesse como faço para colocar essa sidebar embaixa , assim como na imagem so que embaixa das outras , tá ligado ?

    atenciosamente, ;att. lucas brown

    ResponderExcluir
  2. opa , !

    esperando sua resposta , ~


    como , faço apara adicionar essa nova sidebar como no exemplo do post , mas adiciona-la em baixo , conforme o modelo, só que na posição de baixo.

    atenciosamente ,

    ResponderExcluir
  3. Lucas, anônimo, vou fazer uns testes e publicarei aqui mesmo assim que der certo. Um abraço.

    ResponderExcluir
  4. ok , obrigado !

    fico no aguardo ...

    ResponderExcluir
  5. Olá querida! Estou fazendo meu 1º blog, e saiba que o seu está sendo mto útil pra mim! Fazendo minhas pesquisas na net e entrando em blogs dos mais variados assuntos, percebi q neles existe o menu "categorias" onde pode colocar vários itens nele e dentro desses itens várias publicações. Pode até ser óbvio fazer isso mas já tentei e não consegui. Como faço isso? Se quiser da uma olhadinha lá...
    Aguardando sua resposta, um abraço!!

    ResponderExcluir
  6. Olá Elke, eu estava olhando tópico e notei que na foto de exmplo vc colocou um HTML/Java Script ou Seja um Gadget antes do cabeçalho e tb o cabeçalho esta pegando toda a pagina, tentei de diversas formas fazer isto no meu, tanto colocar um gadget antes do cabeçalho quanto mudar o tamanho do cabeçalho sendo que o meu fica la no canto esquerdo, poderia me indicar o post onde ensina fazer essas modificações.
    Eu li a parte desabafando pela Milésima vez, não sei se esta dúvida se encaixa no que você falou, mas caso minha dúvida seja mais uma chata me desculpe mesmo.
    E tb parabens pelo o seu blog, é de grande ajuda, PaRaBeNs .
    ...ImportadoVIP...

    link da foto
    http://img258.imageshack.us/img258/1184/3colunahorizontalce6.png

    ResponderExcluir
  7. Muito boa esta dica, porém você deveria ensinar como colocar esta coluna TAMBÉM em cima ou abaixo da postagem, mas no geral funciona super bem, valeu !

    ResponderExcluir
  8. ja tinha desistido de procurar quando encontrei teu blog, muito obrigado deixei uns cliques para agradecer valew e boa sorte...

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube