17 de jul de 2011

Personalizar a área do cabeçalho (header) do novo Blogger

Tudo depende de sua criatividade em arrumar o seu código

Já tratei de como personalizar a área da sidebar (colunas) e a área das postagens. Vamos agora personalizar a área do cabeçalho (header)

Saiba que estas dicas são para o novo Blogger e que, o template usado é o Simple.



Vá até o Modelo de seu blog, clique em Editar modelo
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. 


Procure por:


.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}

Troque então por este código abaixo.

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
margin: 5px;
background: #FFC0FF url(AQUI O ENDEREÇO DE SUA IMAGEM) no-repeat;
padding:120px 22px;
text-align: right;/*troque right por left para o titulo ficar a esquerda*/
moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;
}


Algumas considerações:

O código em amarelo representa a imagem. Cole aí o endereço de sua imagem.
O código em vermelho representa a cor de fundo do cabeçalho
O código em azul representa onde ficará o título do blog
Para que sua imagem cubra toda a área do cabeçalho, apague o código que está em verde.
Para aumentar ou diminuir o comprimento da header, mude o número que está em roxo
Se não quiser o sombreamento, apague os códigos que estão na cor rosa

6 comentários:

  1. Olá não conseguir mudar o codigo do meu cabecalho do blog, o que pode estar acontecendo:
    meu blog: estudeinformatica.blogspot.com
    vlw

    ResponderExcluir
    Respostas
    1. O que deve estar acontecendo é que seu template não deve ser o SIMPLE, modelo escolhido por mim para implementar as dicas. Abraço.

      Excluir
  2. Respostas
    1. Conforme escrito abaixo, as dicas deste blog são aplicaveis ao modelo "SIMPLE", original do Blogger. Abraço

      Excluir
  3. Não tem esse código no simples... geracaoglam.blogspot.com

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube