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