Ola pessoal nesta minha primeira postagem vou ensinar como dividir o cabeçalho do blogger em duas colunas, assim você poderá até deixar seu blog mais moderno e isso também facilita muito porque deixa mais espaço para colocar outras coisas no seu blog.
Primeira parte é você ir em modelo - editar html, mas antes disso fassa o backup(salvar uma cópia do template) do seu blog para se caso ocorra algum erro você não perder nada.
Então depois apertando Ctrl+F procure por este trecho:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
Neste trecho: maxwidgets='1' você deve trocar o número um por 4 que é o número de gadgets que ira usar ou então apague este trecho para ter uma versão ilimitada de gadjets neste setor.
E você deve trocar também 'no' por 'yes' no trecho: showaddelement='no', isto ira mostrar o adicionar gadjet.
Outra parte do html que precisa mudar é Header1' locked='true', trocando true por false, fazendo isso permitirá mudar o cabeçalho e arrastalo nas colunas que serão criadas.
Agora encontre <div class='header-outer'> (apertando Ctrl+F novamente), o apague e coloque este no lugar:
<div class='header-outer'>
<div id='header-left' style='width:50%; float: left; margin:0; '>
<b:section class='header-left' id='header-left' preferred='yes' style='float:left;'/>
</div>
<div id='header-right' style='width:50%; float: right; margin:0; '>
<b:section class='header-right' id='header-right' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
Os valores width:50% são as larguras de cada coluna, você pode alterar do jeito que quiser, mas quando aumentar uma deverá diminuir a outra ou seja em vez de 50 e 50 pode usar 70 e 30.
Nenhum comentário:
Postar um comentário