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
kkkkk é essa é boa!!! vou tentar, com muita fé, conseguirei huauuauhaua
ResponderExcluiroi lindona, está com tudo hein? beijosssssssss
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ê ?
ResponderExcluirBeijos e obrigada.
Mais para frente darei uma olhadinha e tentarei arrumar aquele template, no momento estou numa falta de paciência...
Oi..
ResponderExcluirTentei instaler esta dica mas ele da erro na variavel $startSide acho que precisa definir ela...
Sabe como faço?
os primeiros códigos foram aceitos, mas os segundo não...
ResponderExcluirtentei achar o erro mas não consegui...
Consegui, muito obrigado, obrigado mesmo.
ResponderExcluirMas como faço este resumo???
olá...passando, lendo, conhecendo..tentei a dica da colunas...legal!!
ResponderExcluirabraços
Oi Elke!...você sempre com estas dicas maravilhosas!...
ResponderExcluirEssa 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 :)
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!
ResponderExcluirFELIZ 2009!!! Para você e sua família...
E a pequininha??? Que presentão hein?
adoro o se seu site, sempre com muitas dikas legais e utei para blogueiros inexperientes bjsss continue sempre assim...
ResponderExcluirvc nao tem algumas dicas de como fazer um banner,se tiver por favor eu sei que e pedir muito mas da para ensinar.
ResponderExcluirOLÁ 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?
ResponderExcluirSE POSSÍVEL MANDE-ME UM E-MAIL PARA QUE EU POSSA LHE ENVIAR AS IMAGENS DE COMO FICOU.
ABS!
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
ResponderExcluirconsegui obrigado!
ResponderExcluirtutorial 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