Mudar topo do blog (blogger)

Muitos blogs que já vi na blogosfera só tem uma logotipo com o nome do blog. Então hoje resolvi fazer um tutorial de como colocar um topo (header) grande e bem trabalhado.
Para começar vamos em à Designà Editar HTML
(Ante de começar a editar os códigos faça o download do template).
Agora que já esta tudo certo vamos para o tutorial.
Procure pelo seguinte trecho (Ctrl + F):

• <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  <b:widget id='Header1' locked='true' title='Só testes! (Cabeçalho)' type='Header'/>
  </b:section> 

 Apague tudo o codigo.
Agora procure por:

• #header {
  width: 760px;
  margin: 0 auto;
  background-color: $headerBgColor;
  border: 1px solid $headerBgColor;
  color: $headerTextColor;
  padding: 0;
  font: $headerFont;
  }
  h1.title {
  padding-top: 38px;
  margin: 0 14px .1em;
  line-height: 1.2em;
  font-size: 100%;
  }
  h1.title a, h1.title a:visited {
  color: $headerTextColor;
  text-decoration: none;
  }
  #header .description {
  display: block;
  margin: 0 14px;
  padding: 0 0 40px;
  line-height: 1.4em;
  font-size: 50%;
  }

Teste! Se estiver tudo certo salve.
Acabamos de excluir todo o cabeçalho antigo, agora vamos criar o novo para isso vamos editar a div “header-wrapper”. Procure:

• #header-wrapper {

Apague:
background-color: $headerCornersColor;
text-align: $startSide;
margin:0;
Onde background era a cor do fundo, text-align era o tipo de alinhamento do texto e margin é a margem da div.
Agora temos que colocar esse código:

• width: 980px;
  background: url(sua imagem aqui) no-repeat;
  height: 180px;

Aqui (width e height) é o tamanho da imagem, e onde coloca “sua imagem aqui” você tem que hospedar sua imagem e colocar o link direto.
Espero ter ajudado :)