<script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script>
<script type="text/javascript">
var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png';
var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');
var twitterAccount = 'http://seutwitter.com/';
var twitterThisText ='';
tripleflapInit();
</script>

TUTORIAL COMO CRIAR UM CABEÇALHO
Tamanho do cabeçalhoAcesse o painel > Design > Editar Html e salve uma cópia do seu template por segurança.

Vamos procurar pelo seguinte trecho:

#header-wrapper {
width:660px;
height:180px; margin:0 auto 10px;
border:1px solid $bordercolor;
}

width: indica a largura do cabeçalho
height: altura


Se seu template não possuir a parte em negrito, acrescente-a no local indicado.
Caso não queira a borda, troque a parte border:1px solid $bordercolor; por border: 0;

Guarde os números que você encontrou, para usá-los depois.


Colocando uma imagem

Sabendo a altura e a largura do cabeçalho, você pode adicionar imagens corretamente nele, de duas formas:

1. Direto no código:

Para usar uma imagem direto no código, você vai precisar hospedá-la em algum site de sua preferência.

Com isso, basta inserir o trecho em negrito abaixo:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
background: url(Endereço da imagem) bottom center;
}

Você pode alterar o bottom certer para:

bottom right: alinhar à direita


2. Através do Design do blog

Clique em Design, e no seu cabeçalho clique em Editar. Posteriormente clique em "Procurar" e encontre a imagem no seu computador. Se a imagem já tem o nome do seu blog nela, marque a opção "Em vez de título e descrição", caso contrário marque "Por trás de título e descrição" e salve as alterações.


Sugestão: Deixo aqui um programa editor de cabeçalhos, bem simples de usar, que já vem com alguns modelos de cabeçalho prontos, o nome dele é XHeader.

1ºpasso entre no Blogger.com
2º passo click em "Design"
3ºpasso click em "Editar HTML"
4ºpasso antes de fazer qualquer mudança click em "Baixar modelo completo"
5º passo aperte Ctrl + F e localize ]]></b:skin>
6º Copie o código abaixo e cole abaixo de ]]></b:skin> substituindo o ICONE AQUI pelo link do seu Favicon.

<link href='ICONE AQUI' rel='shortcut icon'/>;

8ºpasso click em "VISUALIZAR"
9ºpasso se tudo estiver certo click em " SALVAR MODELO"

Observando bem...
Na interne explorer o Favicon não aparece, aperece mesmo é o logo da IE.
Recomendo o Mozila Firefox, Google Chrome e Opera.
Se você colocar a imagem na postagem do blog e pegar seu endereço não vai adiantar , recomendo hospedar em ImagesHack , TinyPic e BRIMG.

Tutorial criado por ]|I{•------»FaD«------•}I|[
*Criei , coloquei e postei para você aprender e não copiar*

Tutorial Como Baixar em...

Tutorial como baixar em Fileserve:

Tutorial como baixar em Hotfile:
Cique em "REGULAR DOWNLOAD" para iniciar o download do arquivo.
Aguarde terminar a contagem regressiva para completar o processo de download do arquivo.
Digite o código na caixa que irá aparecer Ex: of photos e para finalizar clique em "DOWNLOAD THE FILE"
Dica: coloque também o espaço entre as palavras se tiver.
FINALIZE CLICANDO EM Click here to download.
PRONTO!!!
Tutorial como baixar em Easy-Share:
Digite as letras do Captcha , clique em Baixe o Arquivo.
Aguarde os 18 segundos.
Tutorial como baixar em Megaupload: