DIVIDIR HEADER EM 2 COLUNAS NO DESIGNER DE MODELO


cabeçalho divido em duas colunasDividir o cabeçalho do blog serve para colocar ao lado do título do blog algum gadget como um anuncio, algum banner, uma caixa de busca, etc.
O proceso que veremos é para os templates baseados no template Mínima e para os que são do Designer de modelo do Blogger.


Como dividir o cabeçalho do blog no designer de modelo do blogger?


Primero entra em Desenho | Edição de HTML e SEM "Expandir modelos de widgets" e procure pelo seguinte código:(você pode usar ctrl+f para facilitar sua busca):

/* Header
----------------------------------------------- */

Logo abaixo do código acima cole o seguinte código:


.header {width:48%; float: left; margin:0 auto 1%;}
.header2 {width:47%; float: right; margin:0 auto 1%;}

Agora encontre o seguinte código e acrescente o código que está destacado na cor vermelha:


<div class='region-inner header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Título del blog (cabecera)' type='Header'/>
</b:section>
<b:section class='header2' id='header2' showaddelement='yes'/>
<div style='clear: both;'/>

</div>

Salve!

Entre na aba "elementos de página" e você verá o cabeçalho divido em duas colunas.

cabeçalho divido em duas colunas

Prontinho, agora você tem uma coluna para colocar um gadget do lado do titulo do blog.

0 comentários:

Postar um comentário

Por favor leia antes de comentar:

1. Escreva apenas o que for referente ao tema;
2. Ofensas pessoais ou spam não serão aceitos;
3. faço parcerias por meio de comentários;
4. Para entrar em contato nosso msn bloggeresites@hotmail.com;
5. Obrigado por sua visita e volte sempre.