By Nospheratt ⋅ May 25, 2007 ⋅ Comente
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:
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.
