Personalizando o Cabeçalho do Blogger

Tuesday, June 12, 2007 11:09
Posted in category Blogger, Webdesign

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:

Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay
You can leave a response, or trackback from your own site.

10 Responses to “Personalizando o Cabeçalho do Blogger”

  1. Luma says:

    June 12th, 2007 at 12:40 pm

    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

    [Reply]

  2. nanda says:

    June 12th, 2007 at 1:01 pm

    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ê

    [Reply]

  3. Meire says:

    June 12th, 2007 at 2:43 pm

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

    [Reply]

  4. Chico says:

    June 13th, 2007 at 1:32 pm

    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

    [Reply]

  5. cilene says:

    June 13th, 2007 at 4:43 pm

    nao recebi nenhum dos seus e-mail

    [Reply]

  6. Jamila says:

    May 31st, 2008 at 4:08 pm

    Obrigada pela dica! Um abraço!

    Jamilas last blog post..Mahalab no Bar Brahma

    [Reply]

  7. Henrique says:

    July 2nd, 2008 at 3:04 pm

    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.

    [Reply]

  8. Igor says:

    October 23rd, 2008 at 6:07 am

    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!

    [Reply]

  9. Liah says:

    May 3rd, 2009 at 2:42 pm

    amei seu blogg hein.. sinceramente..
    Faz pouco tempo q iniciei meu blog e ainda estou meio q aprendendo a mexer ..sabe? e ja entrei 1001 vezez no google pra achar dicas como personalizar meu blogger.rs rs rs e passei por aqui e achei legal suas dicas..
    Parabens pelo blogger..

    [Reply]

  10. Betinha says:

    November 23rd, 2009 at 7:26 pm

    Ameii suas dicas, seu blog ficou lindo, jah fiz no meu :
    Visita para ver o resultado: http://cuteworldbete.blogspot.com/

    [Reply]

Leave a Reply

CommentLuv Enabled