27 de out de 2008

Colocando duas colunas abaixo das postagens do blog

Dica para colocar colunas no novo Blogger aqui





Vou ensinar como colocar duas colunas abaixo das postagens do blog. Assim você poderá fazer o efeito revista em seu blog. É fácil, tenha paciência e perseverança que você consegue. Primeiro vamos fazer a oração para Nossa Senhora dos Blogueiros Aflitos...



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.







Vá até o HTML do seu blog e procure pelo código :

/* Outer-Wrapper----------------------------------------------- */




E abaixo dele cole o seguinte código:
*Onde está em vermelho é para que você ajuste a largura do widget








#leftsidebar_1 {
width: 280px;
float: $startSide;
margin:0px;
padding:0px;
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 */

}

#leftsidebar_2 {
width: 280px;
float: $startSide;
margin-$startSide:18px;
padding:0px;
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 */

}





Se essa de cima não der certo, tente essa abaixo.





#leftsidebar_1 {
width: 280px;
float: right;
margin:0px;
padding:0px;
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 */

}

#leftsidebar_2 {
width: 280px;
float: left;
margin:10px;
padding:0px;
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 */

}




Agora procure pelo seguinte código:

</div> <!-- end content-wrapper -->


Agora cole o próximo código abaixo dele.



<div id='leftsidebar_1'>
<b:section class='sidebar' id='sidebar22' preferred='yes'>
<b:widget id='HTML33' locked='false' title='Teste' type='HTML'/>
</b:section>

</div> <!-- end leftsidebar_1 -->

<div id='leftsidebar_2'>
<b:section class='sidebar' id='sidebar44' preferred='yes'>
<b:widget id='HTML22' locked='false' title='Quatro' type='HTML'/>
</b:section>
</div> <!-- end leftsidebar_2 -->





Salve e boa sorte !<\> Veja a dica aqui

14 comentários:

  1. kkkkk é essa é boa!!! vou tentar, com muita fé, conseguirei huauuauhaua
    oi lindona, está com tudo hein? beijosssssssss

    ResponderExcluir
  2. Tô nada, estou ruinzinha. Um calor de matar, inchada, sem dormir, só reclamação. Numa ansiedade louca mas só daqui a dois dias mesmo, fazer o quê ?

    Beijos e obrigada.


    Mais para frente darei uma olhadinha e tentarei arrumar aquele template, no momento estou numa falta de paciência...

    ResponderExcluir
  3. Oi..

    Tentei instaler esta dica mas ele da erro na variavel $startSide acho que precisa definir ela...

    Sabe como faço?

    ResponderExcluir
  4. os primeiros códigos foram aceitos, mas os segundo não...

    tentei achar o erro mas não consegui...

    ResponderExcluir
  5. Consegui, muito obrigado, obrigado mesmo.
    Mas como faço este resumo???

    ResponderExcluir
  6. olá...passando, lendo, conhecendo..tentei a dica da colunas...legal!!
    abraços

    ResponderExcluir
  7. Oi Elke!...você sempre com estas dicas maravilhosas!...
    Essa das colunas, abaixo dos posts, foi muito legal! Alias me ajudou bastante...ficou perfeito com o jeitinho do meu blog!
    Amei!...hehehe...
    Aliás tb, seu blog, está como dizem por aí: "Show de Bola!"
    Parabéns sempre pelo trabalho!
    Beijos :)

    ResponderExcluir
  8. Elke minha linda!! Passei para pegar sua receitinha (rsss) funcionou, é só definir a posição "left" ao invés de Startside que dá tudo certinho!
    FELIZ 2009!!! Para você e sua família...
    E a pequininha??? Que presentão hein?

    ResponderExcluir
  9. adoro o se seu site, sempre com muitas dikas legais e utei para blogueiros inexperientes bjsss continue sempre assim...

    ResponderExcluir
  10. vc nao tem algumas dicas de como fazer um banner,se tiver por favor eu sei que e pedir muito mas da para ensinar.

    ResponderExcluir
  11. OLÁ CONSEGUI ADCIONAR AS DUAS COLUNAS, MAS ELAS NÃO ESTÃO ABAIXO DAS POSTAGENS E AINDA POR CIMA ESTÃO DESALINHADAS. COMO FAÇO PARA CONCERTAR?
    SE POSSÍVEL MANDE-ME UM E-MAIL PARA QUE EU POSSA LHE ENVIAR AS IMAGENS DE COMO FICOU.

    ABS!

    ResponderExcluir
  12. MINHAS COLUNAS NÃO ESTÃO ABAIXO DAS POSTAGENS E FICARAM DESALINHADAS. POR FAVOR ENVIA-ME UM E-MAIL PARA QUE EU POSSA LHE MANDAR AS IMAGENS DE COMO FICARAM. reinallion@ig.com.br

    ResponderExcluir
  13. tutorial muito legal, mas no modelo viagem nao tem o codigo q vc disse pra encontrar. tem algum codigo substituto ou eh soh no modelo simples ou minima? bjs Danny Toledo

    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