Como Personalizar seu Blogger - Blogspot: Imagem Personalizada no Header
| Compare Preços no JáCotei: | ||||
 |  |  |  |  |
 | ||||
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
________________________________
Devo estar criando um blog para uma empresa cliente em breve e essa dica ajudará muito! Grato!!
Uma pergunta, vc sabe se depois há condições de transferir o conteúdo do blogspot facilmente (para outro domínio, blog do tipo wordpress)?
Quanto ao domínio, aconselho que você implemente ele desde já no Blogger, assim não perderá visitantes depois.
Olá!
Não sei o que estou fazendo de errado, porque, quando insiro o novo cabeçclho, conforme ensinado, fico com dois cabeçalhos no post. Não há nenhum elemento chamado “cabeçalho” para que possa deletá-lo como foi ensinado. O que devo fazer?
http://www.meupapagaio.blogspot.com
Espero que ajude.
Manda sim, eu vivo coletando dicas para passar para os leitores. E as dicas sempre vão com crédito.
Claudio: Achei sua implementação uma boa idéia, meus parabéns!
Num sei oque eu estou fazendo de errado !!! fiz a imagem pra cobrir a largura da pagina inteira mas ela não centraliza , tentei center , e ela nem fica grudada com resto da página , ta no ar !!! e outra , oque aquele negocio verde ta fazendo lá atrás se eu exclui o cabeçalho antigo ??? me ajuda por favor. meu email hsombini@gmail.com , obrigado
Oi,
Pode me ensinar como faço para que a imagem do header seja mais pequena na largura?
Pode ver meu blog em:
http://klubdojorge.blogsopt.com
Obrigado,
Download all, estava me acontecendo o mesmo a mim, a imagem fica encostada a esquerda e aparecia uma outra cor no lado direito.
Essa cor que aparece do lado direito é a cor que voce escolheu para a descrição do titulo. Tem que escolher a cor que usou no fundo da imagem para a descrição do titulo para ficar tudo da mesma cor.
Ajudei? Espero que sim …
Abraços,
Nospheratt, não sei o que acontece, não consigo incluir uma imagem no blog mesmo tendo feito tudo que está aqui nesse post, será que tem alguma coisa a ver com eu ter tirado a Navbar do blog?Se tiver algum código ou hack que possa me ajudar, me indica plz? abs
Olá, usei sua dica para mudar a header do blogger da maneira mais simples, sem mexer no código.
Consegui colocar a imagem, porém uma listra do cabeçalho anterior(do tamplate original do blog) continua visível por cima da foto.
Pq isso aconteceu? Como posso mudar?
Obrigada.
Obrigada pela dica para o outro leitor, muito gentil de sua parte!
W2Pod: Procure no template o #header e o #header-wrapper. Você vai ver que ali estão as URLs para as duas imagens do cabeçalho. É só substituir elas com o que você queira.
ED: descubra o nome da imagem anterior e procure esse nome no seu template. Apague a URl da imagem. Isso deve resolver.
Olá.. Eu queria dividir o blog.
Tipo eu não consigo postar nada do lado direiro e nem do esquerdo.. Apenas no meio..
Gostaria também de fazer uma moldura legal.. igual o seu..
como posso fazer?
pode entrar em contato comigo?
daniel200392@hotmail.com
ou
http://www.danielll2.blogspot.com
abraços!
Olá!!
Estou tentando adicionar imagens… O caminho para estar certo, mas quando tento incluir qualquer imagem, aparece uma imagem com ponto de exclamação… Enfim, parece que não aceita a imagem…
O que pode estar acontecendo?
Me ajuda?!?
Valeu!!
Antes de mais nada parabéns por este site repleto de úteis informações.
Aproveitei para personalizar o cabeçalho com imagem a gosto. Pois bem, a princípio deu tudo certo, mas sobrou um resquício de rebarba no topo e no final da imagem. Onde devo configurar esta situação?
ANDERSON (www.semear10.blogspot.com)
muito boa essa dica… tava precisando dela a um tempo… pois não dava certo deu add a imagem pelo “cabeçalho”, ate add mas naum aparecia… jah por esse metodo html eh mais facil… fiz rapidow aki…
vlw mesmo…
http://zeteledownloads.web.pt/
Anderson: Não entendi o que você quis dizer.
Zé: De nada.
Olá
Como eu posso aumentar o numero de visitas do meu blog, tem alguma dica ai se tiver me avisa, obrigado.
Cara Nospheratt,
não consigo de jeito nenhum manter minha imagem no cabeçalho. Faço o upload (é um jpeg), ela carrega, aparece algumas vezes e depois some, ficando apenas om “x”. Já fiz várias tentativas, mudando o nome do arquico e nada. Já segui vários tutoriais, inclusive o seu e nada. O que posso fazer?
Obrigado e um abração
Não sei porque acontece nem como solucionar, e nenhuma das pessoas que me disse ter esse problema, voltou depois pra me dizer que tinha conseguido resolver.
Lamento não poder lhe ajudar! Já pensou em tentar outro método?
queria saber como adcionar uma hiperligação de imagem! por favor ajude-me!!! obrigada
Espero que ajude.
[...] Buscas Que As Pessoas Fazem Para Chegar ao Blogando por Dinheiro Eu já ia esquecendo desta fonte de inspiração, e é importantíssima. O Sitemeter, que é o principal contador de vistas que uso, e algumas outras ferramentas como o Hittail - sobre as quais estou devendo post faz tempo :S - me oferecem idéias valiosíssimas sobre o quê as pessoas procuram quando chegam ao Blogando por Dinheiro.É extremamente positivo satisfazer essa procura, na medida do possível.Mas é preciso ter cuidado. Por muito que venham até aqui procurando certas coisas, eu não vou escrever sobre a Íris Stefanelli pelada na Playboy, a Marina Mantega na MTV, falando sobre sair pelada na Playboy, ou sobre a Paris Hilton na cadeia (vulgo xilindró) se perguntando se é uma boa idéia tirar umas fotos com os guardas, para sair pelada na Playboy. Pois o Blogando por Dinheiro não é lugar para escrever sobre a Siri, a Marina Mantega e a Paris Hilton nuas, peladas e sem roupa na Playboy! :PFalando sério, as buscas são uma ótima fonte de inspiração. Elas mostram como as pessoas vêem o blog, o quê elas gostariam de encontrar nele, qual é seu posicionamento nas buscas, e oferecem idéias sobre o quê escrever para melhorar ou fortalecer seu posicionamento.Exemplos: Como Monetizar Sites de Conteúdo Adulto? Como Personalizar seu Blogger - Blogspot: Imagem Personalizada no Header [...]
Amigo, eu tendei colocar a imagem no cabeçalho das duas formas e nao consegui. Na primeira a mais facil, ela nao aparece de forma alguma. tentei mudar meu template pq axei q seria este o problema, mais mesmo assim ela nao aparece. ja nao sei mais oq fazer!! rsss
No seu caso, o problema pode ser a imagem, já que adiocionando no template ela também não aparece. Já experimentou com outra imagem?
Há eu não sei nada… tudo o que queria era colocar meus áudios e meus vídeos pra mostrar pros meus amigos, mas to decepicionado comigo!!
ME ajuda por favorzinho!
Brenner
Como personalizo meu blogspot ? tipo no sentido de como colocar painel de visitas , musica , comentarios … etc .
Aguardo a sua resposta , obrigado pela atenção .
BRN .
Também recomendo o Templates para novo blogger e o Templates Blogger. Ambos estão cheios de boas dicas.
E aprender um pouco de CSS e HTML facilita tudo.
Não consegui adicionar de jeito nenhum a figura no cabeçalho.
Será pé frio?
Entra em contanto comigo por mail, por favor.
Obrigado =)
Desculpe os transtornos.
não estou conseguindo entrar na parte de alteração, faço o login e de lá só entro na tela de editar ou visualizar o perfil, como faço?
Acabei de criar um blog e estou voando em muitas coisas como: postegm etc, pretendo publicar para download.
Espero que não esteja falando dos meus textos! :S
Olá!
A imagem do header só aparece no Mozilla. Já tentei de tudo, pesquisei no google o motivo do problema e nada. Por que isso? Se alguém puder me ajudar. A imagem do cabeçalho não aparece no Internet Explorer.
=(
Sinto muito não ser de mais ajuda.
=/
Tudo bem! Obrigado mesmo assim.
[...] das funcionalidades que foram extintas no Novo Blogger - como o Título/Imagem clicável no Header - são os “Posts Recentes” na [...]
QUERO UM BLOG SUPER PERSONALIZADO E NÃO SEI COM!
QUERIA DIFERENTE DE TODOS OS MODELOS QUE JÁ EXISTEM!
UMA MOLDURA …SEI LÁ!
PODE ME AJUDAR???