Vamos fazer bem simples,mas que funciona,sem muito bla,bla,bla
Faça login no seu blog,vá em layout-editar HTML
Importante:salve seu modelo caso você queira voltar ao velho modelo
Não precisa expandir modelo de widgets
Procure por:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='TÍTULO DO BLOG (Cabeçalho)' type='Header'/>
</b:section>
</div>
E substitua por:
<!-- código que divide o cabeçalho -->
<div id='header-wrapper'>
<div id='header-column-container'>
<div id='header2' style='width: 74%; float: left; margin:0; '>
<b:section class='header-column' id='header-column-left' preferred='yes' style='float:left;'>
</b:section>
</div>
<div id='header3' style='width: 25%; float: right; margin:0; '>
<b:section class='header-column' id='header-column-right' preferred='yes' style='float:right;'>
</b:section>
</div>
<div style='clear:both;'/>
<div id='header-bottom' style='padding: 10px; '>
<b:section class='header' id='header-column-bottom' preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div></div>
<!-- fim do código -->
Salve o modelo e perguntado se quer manter sua widget sim,mantenha
Editar as porcentagens em vermelho de acordo com as larguras da coluna do post (main) e da barra lateral (sidebar); a soma deve ser menor que 100% para evitar "encavalamento" das margens.
Depois só editar seu cabeçalho e substituir a foto do seu cabeçalho antigo,redimensione sua foto antes.
Espero ter ajudado
Dividir cabeçalho do blog
Assinar:
Postar comentários (Atom)
Simples e fácil,
ResponderExcluirValeu!!!