dividir Cabeçalho do Blogger



Crítica escrita por:geoalves

A primeira coisa que você precisa fazer antes de editar o modelo é um backup do template que está usando .


COMO DIVIDIR O CABEÇALHO DO BLOGGER EM 2
Este é um procedimento relativamente simples .

PASSO 1 - editar o CSS para incluir um segundo header.

Entre no Painel> DESIGN> Editar HTML para abrir o editor de modelo, em seguida, procure o seguinte bloco de códigos (use Ctrl + F para encontrar # header e se você não consegue encontrá-lo, então provavelmente o seu modelo émodelo pós-Designer ) :
#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

Edite os marcados em vermelho ou simplesmente copie o bloco de códigos abaixo para substituir os códigos acima:
#header {
float:left;
width:70%;
margin: 0px;
border: 0px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header2 {
float:left;
width:30%;
}

Observe que você pode ajustar a largura das duas ( 70% e 30% ) de acordo com seu próprio desejo para a divisão dos cabeçalhos.

2 ° PASSO: Agora você precisa adicionar uma seção para header2. Ainda no editor de modelo, localize o seguinte bloco de códigos (use Ctrl + F para procurar div id='header-wrapper'>):
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Seu Blog Titulo (Header)' type='Header'/>
</b:section>
</div>

Em seu blog título (Header) coloque o título do seu blog , também, se você tiver modificado o modelo para permitir a adição de "elementos de página gadget /" no título do blog, aqueles marcados em vermelho podem ser ligeiramente diferentes, como por exemplo, você pode editá-lo para maxwidgets='2' showaddelement='Yes'> se você quiser ser capaz de adicionar gadgets (por exemplo, uma simples barra de navegação horizontal de texto .

Agora, imediatamente após </ b: section> e imediatamente antes do último </ span>, adicione os códigos abaixo:
<b:section class='header' id='header2' maxwidgets='3' showaddelement='yes'/>
<div style='clear:both;'/>
</div>

Observe que você pode colocar qualquer número que você quiser em maxwidgets = " 3 "dependendo de quantos widgets que você pretende colocar nessa seção do cabeçalho ou até mesmo deixá-lo vazio como maxwidgets = ' ', caso em que não há limite. Assim, após a edição dessa seção do modelo torna-se como abaixo:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Seu Blog Titulo (Header)' type='Header'/>
</b:section>
</div>

<b:section class='header' id='header2' maxwidgets='3' showaddelement='yes'/>
<div style='clear:both;'/>
</div>>

Visualize e se for satisfatória, salve o modelo editado e você tera o seu cabeçalho do blog dividido em 2.


Como dividir Cabeçalho do Blogger em 2: Originalmente publicado no Shvoong: http://pt.shvoong.com/internet-and-technologies/blog/2154790-como-dividir-cabe%C3%A7alho-blogger-em/

Comentários