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:
“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
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?
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
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?
0 comentários:
Postar um comentário