Browse By

Cabeçalho personalizado no Blogger

Anúncios

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.