14

Retirar o Cabeçalho de página do blogger

Para retirar o cabeçalho do blogger, primeiro você te que ir no Layout, Editar HTML, procure por:



No 'true' modifique por 'false' para liberar o botão de excluir.

Sem botão!

Agora no Elementos da página, edite o Cabeçalho e exclua!


Com botão!

Para por a Imagem no Header, então procure o código:



/* Header
-----------------------------------------------
*/

#header-wrapper {
width: 900px;
height: 200px;
background:url(http://i26.tinypic.com/11hgbc4.jpg) center no-repeat;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

No seu HTML acerescente o width: 900px; e height: 200px; se não tiver, mas se tiver só altere os números, que representam o tamanho. Width: largura, Height: altura. Você pode por o seu endereço dentro de imagem no parenteses. Hospede sua imagem no http://tinypic.com. Procure a imagem e faça upload. Clique para ver a imagem (as vezes vai sozinho para a página de códigos) e pegue o último código para layouts e cole dentro do parenteses!

Códigos de alinhamento de imagem:
Centro: center
Esquerda: left
Direita: right
Não Repetir a imagem: no-repeat
Repetir a imagem: repeat


Salve, mas percebera que tera um espaço bem grande ao lado da coluna do post. Então vamos diminuir o espaço:



Agora procure o código:

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 900px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}


No widht: 900px; é o valor de espaço. Números, maior o espaço. Números maiores, menor os espaços!

Agora tem a propaganda do seu blog, no Header e o nome dele no Cabeçalho do navegador! Você não precisa ter o nome do seu blog, em cima da propaganda!

Foi testado no template Minima do próprio Blogger!



14 comentários:

  1. parabens irmao
    show de bola msm
    tenho algumas duvidas
    talvez vc possa me ajudar...

    ResponderExcluir
  2. a dica é ótima, pena que não funcionou.

    ResponderExcluir
  3. Gostaria se pudesse de uma informação.Coloquei um plano de fundo em um blog que estou montando, na tela do pc aparece normal, mas quando se vizualiza num notebook a imagem fica maior e descentralizada, as dimensões da imagem estão 1300x1500 pixels criei o fundo no photoshop resolução de 300 pixels./pol Vc saberia informar qual resolução ficaria bem em qualquer tela?

    ResponderExcluir
  4. Otimo poster man' Abraços e sucesso ai.

    ResponderExcluir
  5. Cara, me ajudou muito flw vc está de Parabéns.

    ResponderExcluir
  6. @BlogDOmI Este é um tamanho aceitável para blogs, mas geralmente telas de 17 polegadas verão sua imagem pequena, então, coloque uma imagem com no mínimo 1600x1200px em função fixa para não ficar rolando na página.

    ResponderExcluir
  7. @Anthony e @MDInformática Obrigado!!

    ResponderExcluir
  8. vlz tava me matando aqui. muito bom tutorial

    ResponderExcluir