segunda-feira, 21 de maio de 2012

Dividir cabeçalho do Blogger em duas partes

Para dar mais espaço ao seu blog recomendamos que use esse tutorial. Além de melhorar a aparência do seu blog, pode servir como muitas outras coisas.

Vamos aos códigos. Vá em Modelo >> Editar HTML >> prosseguir e procure pelo trecho abaixo:


<b:section class="header" id="header" maxwidgets="1" showaddelement="no">
<b:widget id="Header1" locked="true" title="Empreendedores Blogger (Cabeçalho)" type="Header">
</b:widget></b:section>

 Claro que no seu blog o que está em negrito está diferente em seu blog. Apague o trecho acima (com cuidado para não apagar mais nada) e cole o código abaixo:

<div id='header-wrapper'>
<div id='header-column-container'>
<div id='header2' style='width: 50%; float: left; margin:0; '>
<b:section class='header-column' id='header-column-left' preferred='yes' style='float:left;'>
<b:widget id='Header1' locked='true' title='Empreendedores Blogger (Cabeçalho)' type='Header'/>
</b:section>
</div>
<div id='header3' style='width: 50%; float: right; margin:0; '>
<b:section class='header-column' id='header-column-right' preferred='yes' style='float:right;'>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
</b:section>
</div>
<div style='clear:both;'/>
<div id='header-bottom'>
<b:section class='header' id='header-column-bottom' preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div></div>

Visualize se estiver tudo bem, Salve. Você poderá editar seu cabeçalho em elementos da página (ou Layout).
Fonte: Dicas para blogs.

Nenhum comentário:

Postar um comentário