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