"Colocando uma imagem no Header através do código html do template"

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


"Para inserir imagens no Header (cabeçalho) do template através do HTML é necessário hospedar a imagem que deseja empregar em algum servidor que hospeda imagens, tipo Photobucket ImageShark, etc...
Depois de resolvida essa etapa, ir até o painel de configuração de seu blog, selecione a aba Layout/Editar HTML
Na página HTML, encontre Header #header-wrapper, conforme imagem acima: você deverá acrescentar as informações de medidas da sua imagem, colocando os valores width (largura) e height (altura). Poderá colocar uns 10 pixels a mais na medida da altura para melhor posicionamento da imagem. Deverá ficar como o demonstado acima. Na opção border, se quiser poderá fazer modificações, veja nosso outro tutorial a respeito. Depois dessas alterações, localize no código a opção #header e veja como proceder, seguindo a figura abaixo. Clique sobre ela para aumentar"

#header {
margin: 0px;
width:680
height:250
background url ('http://1470.photobucket.com/albums/rr65/srmpp/topmain2.jpg') no-repeat center;
text-align: left;
color:$pagetitlecolor;
border: 1px none $bordercolor;}

"Na sentença background: url('url da imagem') no-repeat center;
url da imagem é o endereço onde ela está hospedada e center é a posição central da imagem. Se quiser à esquerda, use left. À direita, use right. Não se esqueça que o endereço deverá vir entre '....'(aspas)"