Alterando a imagem do cabeçalho do blogger

O cabeçalho do blog é a parte do blog onde seu blog é mais descrito,pois lá é onde se encontram titulo e descrição do blog.Há duas formas de mudar o cabeçalho do Blogger.Tome em conhecimento as dimensões da imagem atual do cabeçalho em #header-wrapper, parte HTML onde correspondem as configurações do cabeçalho.

Exemplo: O template Mínima o espaço de largura é de 66 px.portanto,localize a div acima para certificar-se das dimensões da sua imagem.

Assim você altera a imagem :
1.Layout.

2.Onde há cabeçalho clique em editar e escolha a imagem que deseja colocar no site direto do seu computador,com as dimensões da imagem atual. 

3.salve  e veja o resultado. 



 A outra maneira é retirando o cabeçalho mexendo no código HTML do seu blog.
Desse jeito:

1.Procure pelo CTRL + F do seu teclado #header-wrapper { 
2.Agore vamos começar a modificar o código,desse jeito ; coloque uma alura para sua imagem.


Se sua imagem tem por exemplo nas configurações 660 px de largura ou mesmo 980 px como dito apropriado para blogs de duas colunas,ela irá precisar da altura a partir de agora,a chamada height.
Insira height como mostrado no exemplo abaixo:

#header-wrapper {
width: 980px;
background: url(http://img32.imageshack.us/img32/9135/13391775g.jpg
) no-repeat;
height: 180px;


Alguns já veem com esse ''height '' ,outros é preciso colocar.Muitos veem com as configurações das extremidades da imagem do cabeçalho, a border e a margin.
Será preciso hospedar sua imagem em algum site,como Imageshack,Photobucket,entre outros.Depois de hospedada , insira no background da #header-wrapper { .o link da imagem,assim:


#header-wrapper {
width: 980px;
background: url(link da imagem) no-repeat;top center
height: 180px;


Percebe-se que inseri o top center, que alinha a imagem no centro,outros como top right - que alinha a imagem no lado direito-top left- que ainha a imagem no lado esquerdo.
Aconselho não colocar borda na imagem,mas caso queira veja as configurações:

Acrescente:border: 1 px solid #000000;

1px é a largura da borda da imagem

Solid é o tipo da borda a ser usada (solid,gradient,linear),fica a seu critério!

#000000 é a cor da borda,aqui está a tabela com as cores em HTML

Bom,este post foi feito apenas com intuito de guiar o usuário a alteração do cabeçalho de sua página,reirar,fazer alterações no cabeçalho que não tenham a ver com alterar a imagem serão comentados depois aqui no variadão.