Download de jogos, programas, papéis de parede, aplicativos e muito mais. DESCAQUI                                                                                                                                                   

Ajude-nos a divulgar o nosso site

IconIconIconIconnosso Canal no YouTube

Hospede o seu site aqui neste servidor

Visualizações de páginas nos últimos 7 dias

Pesquisar

Traduzir em (Translate)

quarta-feira, 20 de maio de 2009

Dividir Cabeçalho do Blogger em Dois – Design do Modelo

Como fazer duas colunas no cabeçalho do blog pode ser bem útil para tornar seu template mais interessante e aproveitar melhor o espaço da sua pagina. Já mostramos como fazer isso nos templates tradicionais do blogger: Como dividir o cabeçalho do blog em duas partes, mas faltou publicar uma atualização sobre como fazer nos templates novos do Design do Modelo.

Para fazer essa alteração entre na pagina editar html, mas antes de começar faça um backup do seu blog (salvar uma cópia do template), assim não perderá nada caso ocorra algum erro nas edições de html. Depois disso procure por:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
No trecho: maxwidgets='1' você deve mudar o numero 1 para 4 ou qualquer outra quantidade de gadgets que pretenda usar, ou simplesmente apagar esses códigos, assim o blogger não limitará o numero de gadgets neste setor.

Também troque a palavra 'no' por 'yes' neste trecho: showaddelement='no', isso faz mostrar o adicionar gadget.

Outra parte do html que precisamos mudar é Header1' locked='true' , trocando true por false, isso permitirá mudar o cabeçalho de lugar e arrastá-lo para dentro das colunas que vamos criar no cabeçalho do blog.

Agora encontre <div class='header-outer'>, apague e coloque esse código 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 como desejar, mas o quanto aumentar em uma deverá tirar da outra ou seja em vez de usar 50 e 50 pode usar 70 e 30.



Reacções:

0 comentários:

Enviar um comentário

Nota: só um membro deste blogue pode publicar um comentário.