Pular para o conteúdo

Dividindo o cabeçalho do blogger.

Olá, hoje vou falar como dividir o cabeçalho do bloger.
O cabeçalho do blogger, é onde fica o título e a descrição do seu blog. ou uma imagem, como é o caso do kbaus.com
Observação: quando colocar uma imagem no seu cabeçalho, coloque a imagem “sobre o título” e nunca “no lugar do título”, o título do seu blog é muito importante para a indexação nos motores de busca como o “google.com“.

Bom, vamos ao tutorial:
antes de mais nada, faça um backup do seu template. sempre que for fazer qualquer alteração no html.

1º- abra seu painel do blogger e vá até a guia design e em editar html.
aperte Ctrl+f
e localize o seguinte trecho de código:
———————————————–
<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>




————————————————————————————————-



2º – selecione o código acima, e substitua por este:
————————————————————————————————-




<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;’/>


————————————————————————————————


3º- Após ter substituido os códigos, Clique em ” Salvar Modelo“.


4º- Agora clique em “Elementos da Página”, e Confira o feito.


PS:
Caso tenha algum problema, volte para “Editar html” e Restaure o seu modelo original.
Clicando em “selecionar arquivo” e “fazer upload”.


Feito isso:
Refaça o Processo novamente. (com atenção).
.


Este artigo pertence ao Kbaus Tutoriais.
Plágio é crime e está previsto no artigo 184 do Código Penal.

2 comentários em “Dividindo o cabeçalho do blogger.”

  1. Miller Alberto || Alpha
    Comentar

    Oi Empregado001,
    Obrigado por comentar em nosso site.

    O tamanho do banner da imagem fica reduzido à 370×100 pixels.

    ajuste o tamanho do seu banner ou logotipo com essas proporções e basta fazer o upload para seu novo cabeçalho. ok.

    Na video aula de Photoshop eu ensino como fazer isso, é muito simples.

    acesse aqui:
    https://kbaus.com/trocar-fundo-da-foto-ou-imagem-com-photoshop-cs3/

    Avance para +ou- 5 minutos de aula. e veja como é facil.

Deixe uma resposta