Cabeçalho personalizado no Blogger

Para você fazer seu novo cabeçalho, você precisará mexer um pouco no modelo do seu template. Certifique-se de fazer o backup do seu modelo antes de mais nada, pois se ocorrer algum erro, você ja terá um modelo pronto e é só restaurar. Em seguida, procure a seguinte pelo seguinte código:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Header (Header)' type='Header'/>
</b:section>
</div>
Os elementos em negrito precisam ser alterados. Então:
  • Troque o valor da seção maxwidgets='1' para pelo menos 2 para que possamos acrescentar outro elemento no cabeçalho.
  • Altere o valor da seção showaddelement para yes para ser capaz de acrescentar um elemento diferente para a seção do cabeçalho (a sua nova imagem).
  • Substitua o valor da seção locked='true' para locked='false' de modo que você possa mais tarde remover o antigo cabeçalho.
Agora salve o seu modelo, e volte para a seção layout em seu painel. Você perceberá que você pode agora adicionar outro elemento como seu cabeçalho!
Blogger tutoriais

Se você só quiser adicionar o seu novo cabeçalho, e não quiser ter esta ligada a sua home page, você pode fazer isso facilmente, escolhendo a adicionar uma "imagem" para o seu blog e fazer upload do seu novo cabeçalho.
No entanto, se você preferir que seu cabeçalho tenha um link para sua página inicial (como nos modelos padrão do Blogger), você precisa fazer um pouco mais. Faça upload de sua imagem em um site remoto e copie o endereço completo do seu arquivo, incluindo a extensão (por exemplo: www.seusite.com/imagens/cabecalho.jpg). Em seguida, optar por adicionar um gadget "HTML/JavaScript" e adicionar o seguinte código:
<img src="www.seusite.com/imagens/cabecalho.jpg">Agora, para fazer essa imagem se tornar um link para voltar à página inicial do seu blog, você precisa adicionar estas tags: 
<a href="http://endereçodoseublog.blogspot.com"><img src="www.seusite.com/imagens/cabecalho.jpg"></a>Salve este elemento e visualize o seu blog. Você deve ver tanto o cabeçalho original e seu novo cabeçalho.
Cabeçalho personalizado no Blogger Cabeçalho personalizado no Blogger Reviewed by Fabricio Araujo on 12:14:00 Rating: 5

3 comentários:

  1. Ótima dica, vou favoritar essa página para uso futuro.

    ResponderExcluir
  2. amei esta dica, muito legal. vou utilizar este recurso...já está salvo nos meus favoritos.

    ResponderExcluir
  3. bem interessante!!

    www.descomplicandopravc.blogspot.com

    ResponderExcluir

Adicione seu comentário nesse post.
- Receba a resposta por e-mail, clique em inscrever-se por e-mail.
- Não use palavras de baixo escalão.
- Quer mostrar seu blog? Use a opção Open ID.
- Se selecionar a opção Nome/URL na URL digite http:// na frente do endereço do seu blog.
- Quer falar somente com o Autor? Então clique Aqui.

Muito obrigado por sua visita e volte sempre!

Tecnologia do Blogger.