Pages

Pesquisar

Aprenda como: "Como dividir o cabeçalho do Blogger"

fonte e créditos:
templateseacessorios






Como dividir o cabeçalho do Blogger





"Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo."




..."dividir o cabeçalho do Blogger, vá até o HTML de seu blog e procure pelo seguinte código"



#header { 
margin: 5px;
text-align: center;
color:$pagetitlecolor;
}

*Pode ser que em seu blog esteja um pouco diferente, então procure pelo código na cor verde e apague  dele até }
 

Substitua por este código abaixo.


#header {
background: #cccccc;
width: 500px;
float: right;
margin:0 auto 10px;
text-align: center;
color: pagetitlecolor;
}
#header-2 {
background: #ffffff;
width: 350px;
float: left;
margin:0 auto 10px;
}

...Agora ,procure pelo seguinte código:

*Códigos em verde, cores de fundo do cabeçalho
código em vermelho, tamanho do cabeçalho

 <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='5' showaddelement='no'>
<b:widget id='Header1' locked='true' title='AQUI DEVERÁ ESTAR O NOME DE SEU BLOG(Cabeçalho)' type='Header'/>
</b:section>
    </div>


 E substitua por este:



<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='NOME DE SEU BLOG (Cabeçalho)' type='Header'/>
</b:section>
<b:section class='header' id='header-2' showaddelement='yes'/>
</div>


Pronto, veja como ficou: 
 





0 comentários:

Postar um comentário


Mensagem do formulário de comentário

Formulário de contato

Nome

E-mail *

Mensagem *