Muita gente chega aqui procurando como personalizar seu blog no Blogger ou Blogspot. Uma excelente forma de personalização é colocar uma imagem no Header (Cabeçalho).
Isso pode ser feito através de dois métodos: um de nível super simples, e outro um pouco mais avançado.
Para isso, primeiro que nada, você precisa escolher a imagem. Procure alguma que seja de seu agrado, e combine com o estilo e o assunto do seu blog.
Dê uma olhada no seu HTML, e procure descobrir quais são as medidas do seu Header. Provavelmente os valores estão indicados no CSS com a etiqueta “header-wrapper”. Quanto mais ajustada sua imagem estiver à esses valores, melhor será o resultado.
Adicionar Imagem ao Header – Método Fácil – Imagem Não Clicável
- Vá até a tab “Elementos da Página”. No Cabeçalho, clique em “Editar”
- Clique em “Examinar”, para usar uma imagem que está guardada no seu computador; ou cole o endereço web da imagem no campo apropriado, se ela estiver na Internet. Dê uma olhada no preview que vai aparecer, e se estiver tudo certo, salve.
- Lembre-se de usar uma imagem retangular.
- Tenha em conta como vai aparecer a cor de seu título, sobre essa imagem de fundo. Você pode modificar a cor do título na tab “Fontes e Cores” -> Cor do cabeçalho da página.
- Se quiser que o título não apareça: após salvar, clique novamente em “Editar”. Agora você verá duas opções novas, bem abaixo:
Behind title and description” (Atrás do Título e descrição) e
“Instead of title and description” (Em vez do Título e descrição). Escolha a segunda opção, e o título desaparecerá.
A desvantagem desse método é que o Blogger pode cortar sua imagem para justá-la ao espaço disponível, e alterar a definição da imagem. Além disso, o título não será clicável. Se você deseja uma imagem clicável no Cabeçalho, deve…
Adicionar Imagem ao Header – Método Avançado – Imagem Clicável
O melhor neste caso é criar um banner – adicionar texto à imagem escolhida, usando algum programa de edição de imagens. Você pode colocar só o título do blog, ou colocar também um subtítulo ou tagline.
Depois de finalizar as edições, guarde a imagem em algum serviço de hospedagem de imagens – Flickr, ImageShack, GooglePages, a escolha é sua.
Imagem pronta? É hora de…
Permitir a Adição de Elementos ao Header – Cabeçalho
Conforme está explicado neste post: Como Personalizar seu Blogger – Blogspot: Título Clicável no Header.
Siga as instruções para permitir a adição de elementos ao Header, até onde diz “Agora você já pode…”. Quando chegar à esse ponto, volte aqui.
Adicionando seu Header Personalizado
- Vá até a tab “Elementos da Página”. Você verá que agora há a opção “Adicionar um Elemento de Página” no Header/Cabeçalho.
- Clique no link, e a janela dos elementos disponíveis se abrirá.
- Escolha a opção “HTML/JavaScript”
- Deixe o Título do elemento em branco.
- Na seção de conteúdo, cole o seguinte código, substituindo as partes em vermelho pelos valores apropriados:
<a href="URL DO SEU BLOG" title="TÍTULO DO SEU BLOG - Home"> <img alt="TÍTULO DO SEU BLOG - Home" width="LARGURA DA IMAGEM" src="URL DA IMAGEM" height="ALTURA DA IMAGEM"/></a>
- Salve as alterações.
- Clique no link “Editar” que aparece no elemento “Cabeçalho”, e depois clique em “Remover Elemento da Página”. Isso vai eliminar o Cabeçalho original. Não se preocupe; se você mudar de idéia, pode adicioná-lo novamente.
- Visualize o blog e certifique-se de que está tudo certinho.
Pronto, você já tem um Blogspot bem mais personalizado! 
Quer mais dicas de como personalizar seu Blogspot? Quer saber como ganhar dinheiro com seu blog?
Assine o Feed do Blogando por Dinheiro! E volte sempre.
________________________________
Compare Preços de: Artigos Personalizados, Coisas Personalizadas, Ferramentas, DVD, Filmes, Celulares, Notebooks, Câmeras, Jogos, Wii, PS3 no JáCotei
________________________________
Olá!!
Eu fiz um banner para colocar no cabeçalho do meu blog, mas não dá certo de jeito nenhum.
Talvez eu não esteja colocando a alt e larg da forma correta.
Se vc puder me ajudar eu agradeço muitooooooooo!!
Bjs c carinho
Magdinha
OBS: NO MÉTODO 1 A IMAGEM É CLICÁVEL SIM!
EIS UM EXEMPLO NESTE BLOG: filmesreligiosos.blogspot.com
gostei muito das suaa dicas,e tenho certeza de que você ajudara muita gente como me ajudou.obrigado
Legal
Poxa… eu faço tudo direitinho, mas quando salvo, o código fica “bagunçado” e não o banner não aparece…
Olha só:
O que eu faço?
[...] http://blosque.com/2007/05/como-personalizar-seu-blogger-blogspot_25.htm [...]
Obrigada pelas dicas.
Não sei sei houve alguma alteração, mesmo porque este post é um pouco antigo, mas dei uma remodelada no meu blog e não precisei alterar html para que o header ficasse clicável.
Só tem alguns poréns: na opção “behind title and description”, para quem estiver vendo a página principal, o header continua não sendo clicável (mesmo porque não precisa). Só quando estiver vendo páginas anteriores, ou estiver dentro de algum post específico.
Agora, se estiver usando o header “Instead of title and description”, aí ele fica clicável a qualquer momento.
Um último detalhe é que antes de se adicionar a imagem ao header, seria interessante não esquecer de clicar na opção de ajustar automaticamente o tamanho da imagem. Depois seria só questão de ajustar as bordas diretamente no html…
Enfim, não sei ajudei em alguma coisa, mas que tentei, tentei…
Ah, antes que eu me esqueça, muito obrigado por manter este blog, ele realmente é muito instrutivo e proveitoso para quem, como eu, está começando a blogar.
Olá pelo que vi aqui vc ajuda td galera a personalizar o blog, eu tenho uma pergunta.
Como faço para postar as imagens do Picassa no meu blogspot?
aguardo.
bj
ae gostei muito da sua dica,to querendo muito inclementar meu blog e divugar_lo,tenho visitas mas ate hoje nenhum comentario.
nao to preocupado em ganhar receitas e sim mais visitas com comentarios
Parabens amigo, suas dicas são muito util para quem está começando a Blogar… ganhou mais um seguidor.
Marcos Padiha
Tirei uma dúvida sobre como colocar uma foto grande no blog, vc me ajudou muito…!!! Obrigado…!!!
crie esse blog pra divulgar as cestas de café da manhã que faço mais depois de criado não tenho a menor ideia de como colocar imagens, cabeçalho, fotos vc pode me dar umas dicas. Por Favor.
Beijossssssss Angel
criei um blog sobre os artesanatos que faço mais queria deixar ele mais animado mais minha cara com desenhos animações e etc e não sei como fazer isso, tem jeito já que ele já esta criado????
bjs…
Olá! Acabei de criar um blog e estou ainda muito perdida. Gostaria de fazer 2 perguntas.
1. Por que as imagens que postei desapareceram? Só aparece aquele quadradinho “simpático” com um X vermelho?
2. Existe alguma maneira de aparecer, quando abro o blog, apenas o título e o nome dos arquivos (por ex) sem todas as postagens? Ou seja, a pessoa só acessa o arquivo desejado? Eu queria “guardar” as postagens em seus devidos arquivos em vez de ficarem a mostra de imediato!!
Caso haja solução, aguardo resposta. Desde já, obrigada.
Isso serve pro blog da uol???
Olá
O teu post está excelente mas eu não consigo fazer iso com o meu blog :s
Eu ponho a imagem e aquilo não fica no meio , fica demasiado para a direita :s
Será que me podias ajudar ?
Obrigada
Olá, gostaria de uma ajuda… Como faço pra deixar uma imagem/coemntário fixo no blogspot, pois sempre que posto algo vem acima desta imagem/comentário. Muito Obrigado
Maurício Arruda.
tenho de agradecer!
já faz algum tempo que venho tentando personalizar o cabeçalho do meu blog e não conseguia e graças a suas dicar está lá um cabeçalho mais profissional e interessante.
vlw!
Gostaria muito de uma ajuda..fiz um blogspot essa semana e ele
não aparece em sites de busca que devo fazer..fico muito grato
Daniel, se quiseres passa no meu blogue que eu ajudo-te com isso , já estou no mundo dos blogues à 2 anos :b
O blogue é ebicontraviolencia.blogspot.com
Beijinho :b
Mariana podia me explicar como botar um fundo personalizado q nem o seu
?
Victor:
Claroo, passe lá no blogue e diga qualquer coisa porque por aqui não dá geito. Eu tirei o tema de um site muito bom, que tem temas óptimos!
Ah, já agora, não me trate por “voçê” , ainda só tenho 15 anos , ahah
Se puder deixe a sua opinião no blogue quando lá passar, agradeçia imenso
eu adorei a dica , pesquisei em muitos sites mais isso foi aonde consegui fazer .obrigada
nossa, d++++++++ suas dicas!
tô tentando a um tempão personalizar meu blog mas as dicas que aparecem são complicadas d+.
vc me ajudou muuuuuuuito obg!
se possivél queria saber como colocar uma imagem de fundo no blog todo
Ótima dica, utilizei a primeira dica e funcionou, realmente ficou um pouco desalinhado mas dentro do que foi proposto.
Muito obrigado.
Cara legal a sua dica me ajudou bastante,eu fiz do primeiro modo e ficou legal!
Ps:a imagem ficou clicável!
gostei do blog