Dividir o Header “cabeçalho” em duas partes – Blogger

Anteriormente fiz post que ensinava como “Como colocar uma barra de widgets ao lado do cabeçalho do Blogger“, um de meus leitores não conseguiu achar o <div id=’header-wrapper’>  que no passo a passo era exigido. Ele não conseguiu, pois o código dele era diferente do meu e no dele não tinha <div id=’header-wrapper’> , sendo assim resolvi postar aqui, a solução, para quem tem código diferente ok.1- procure pelo seguinte trecho de código, no template (Editar HTML):

<div class=’fauxborder-left header-fauxborder-left’> <div class=’fauxborder-right header-fauxborder-right’/> <div class=’region-inner header-inner’> <b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’> <b:widget id=’Header1′ locked=’true’ title=’Novo Design Blogger (Cabeçalho)’ type=’Header’/> </b:section> </div> </div> <div class=’header-cap-bottom cap-bottom’> <div class=’cap-left’/> <div class=’cap-right’/> </div> </div> </header> 




Substitua por:

<div class=’fauxborder-left header-fauxborder-left’>   <div class=’region-inner header-inner’ style=’width:49%; float:left’> <b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’yes’> <b:widget id=’Header1′ locked=’true’ title=’Designer do Modelo (Cabeçalho)’ type=’Header’/> </b:section></div> 
<div class=’fauxborder-right header-fauxborder-right’ style=’width:49%;float:right;height: auto;’> <b:section class=’banner’ id=’banner’ maxwidgets=’1′ showaddelement=’yes’> </b:section> 
</div> </div> 
<div class=’header-cap-bottom cap-bottom’> <div class=’cap-left’/> <div class=’cap-right’/> </div> </div> </header> <div style=’clear:both;’/> 

Após ter substituido os códigos clique em “Salva Modelo”
Agora clique em “Elementos da Página” e confira o resultado.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *