Page copy protected against web site content infringement by Copyscape

Personalizando o Cabeçalho do Blogger

Voce sabia que agora eh possivel, usando um tamplate padrão do Blogger com widget e tudo mais, personalizar também o Cabeçalho???

Pois essa era uma das vantagens que o WP.COM ainda mantinha sobre o Blogger, e agora nao mais. Alias dou a mao a palmatória, o Blogger realmente esta cada dia melhor.

Para quem entende um pouco de inglês basta clicar aqui e assistir o video tutorial de como personalizar o Cabeçalho do seu Blogger.

De qualquer forma ai vai um tutorial para ajudar:

Atualmente voce pode configurar o seu Blogger de duas formas: Template e Layout, observe a imagem do meu dashboard aonde um tenho dois blogs, um na opcao Template e outro na opcao Layout (ver seta):

Na opcao Template vc tem o velho metodo que vc pode inserir seu proprio html. Para mudar da opcao template para a opcao Layout: Voce vai no menu Tamplate, clica no Customise Design e faz o upgrade. LEMBRE-SE de fazer backup do template velho, caso queira voltar a usa-lo:

Â

Na opcao Layout vc tem os template padrao com a sidebar widget e a possibildade de personalizar as cores e fontes:

E no menu Page Elements eh aonde voce vai edicar o Layout, inserindo novos widgets e movimentando-los pela pagina ate que eles fiquem com voce quer:

Também eh nessa pagina que vc pode editar sua Banner/Cabeçalho do Blog.

Clique no Editar/Edit ao lado direito do Cabeçalho, ele vai abrir essa nova janela:

Nela voce pode escolher se quer que ele busque a imagem do seu computador ou se quer uma imagem externa. Eu marquei para buscar do meu PC, se vc quiser uma imagem da Web, marque na opçao de baixo e coloque o endereço correto da imagem. Save e veja o que acontece.

DICAS:

Nao coloque uma imagem muito grande, o maximo de largura fica sempre em torno de 750px, no layout que uso para exemplo eh exatamente 760px, a altura ideal nao deve passar de 250px.

Se voce voltar nessa janela vai encontra a opcao de nao mostrar o nome do Blog, use essa opcao se vc preparou uma banner ja com o nome, assim fica mais elegante.

Se voce nao gostou e quiser voltar ao template velho basta ir no menu: Editar HTML e clicar no link “Revert to Classic Template” que fica no fim da pagina:

Ah!! Antes que eu me esqueça, esse foi o resultado do meu, click para ver:

Compartilhe:
  • del.icio.us
  • TwitThis
  • Facebook
  • Google
  • E-mail this story to a friend!
  • Rec6

If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.

RSS feed | Trackback URI

8 Comentários »

Comentado por Luma
2007-06-12 12:40:16

Ale, um dos motivos que não adotei o modo layout foi justamente por que antes não podia inserir imagens. Recentemente fiz alguns testes em um outro blogue e, o único inconveniente é que a imagem do cabeçalho fica de baixa qualidade, muito embaçada pro meu gosto.
Tenho amigas que passam horas brincando com o design do Blogger. Essa palheta de cores é mesmo uma distração. Fiz umas combinações bem doidas!
Dá pra pegar um modelo basiquinho e incrementar.
Tem também a possibilidade de você baixar um template que não seja da lista padrão do Blogger. Viu lá?
Beijus

 
Comentado por nanda
2007-06-12 13:01:08

Ahnnn, a danada além de dar suporte em WP, ainda manja do Blogger?
O que mais tem escondido nas mangas, hein??
rsss
Um dos motivos de eu ter mudado do blogspot pro WP foi por poder deixar o blog “mais com a minha cara, sabe?”.
Acho que o Blogger está percedendo que está perdendo com isso.
Mas, parabéns pela dica!!
Beijinhos ALê

 
Comentado por Meire
2007-06-12 14:43:18

Ale, legal estas dicas, com certeza muita gente passara’ por aqui.
bjs

 
Comentado por Chico
2007-06-13 13:32:29

Mas dava pra fazer isso “na mão” mesmo né?

Depois me diga o que achou do Flock… Ele tem sim um dedo do Yahoo por trás… …. …. uol… ficou estranho isso! ;^)

Joost está instalado na minha máquina de lazer… Quase nunca o uso…

Abraço

 
Comentado por cilene
2007-06-13 16:43:33

nao recebi nenhum dos seus e-mail

 
Comentado por Jamila
2008-05-31 16:08:55

Obrigada pela dica! Um abraço!

Jamilas last blog post..Mahalab no Bar Brahma

 
Comentado por Henrique
2008-07-02 15:04:01

Olá Alessandra! Gostaria de pedir uma ajuda sobre cabeçalho: eu uso o Blogger pro meu blog (http://henriqueloo.blogspot.com), e não estou conseguindo inserir o link do blog na imagem que coloquei de cabeçalho. Eu tentei algumas alterações no código HTML, mas nenhuma deu certo!

Isso é fundamental estar, como está no seu novo blog, pois se o leitor q estiver navegando quiser voltar pra home não consegue!

PS: se precisar de alguma parte do meu código é só avisar!

Agradeço desde já! Abraço!
Henrique Orsi.

 
Comentado por Igor
2008-10-23 06:07:59

Saberia dizer porque nada acontece quando tento configurar a cor de fundo do cabeçalho da página? Obrigado.

Igor´s last blog post..Pega rex!

 
Nome (requerido)
E-mail (requerido - não distribuído)
URI
Your Comment Tamanho da letra ( pequeno | grande)
Você pode usar <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> nos seus comentários.