Como botar caixa de pesquisa no cabeçalho do blog

Uma caixa de pesquisa no cabeçalho do blog além de ficar muito legal chama muito mais atenção, então por isso vou explicar nessa postagem como fazer.

Vá para:

Design > Editar HTML

Procure por (Ctrl + F):  /* Header

ANTES dessa tag, você cola este código aqui:

/* Busca

----------------------------------------------- */

#busca{

width:auto;

height:auto;

z-index:1;

position: absolute;

top: 50px;

left: 660px;

}

Salve e agora vá para Design > Elementos da Página.

Clique em Adicionar um Gadget e procure por HTML/JavaScript.

Cole este código aqui: 

<div id='busca'><form action="/search" class="search" method="get">

Pesquisar: <input class="searchbar" id="s" name="q" type="text" value="" />

<input class="searchbut" type="submit" value="Buscar" />

</form></div>

Top: É a direção que vai ficar em relação ao topo do blog.

Left: É a direção que vai ficar na horizontal.

Pesquisar: É o texto que vai aparecer ao lado da caixa de pesquisa.

Buscar: É o que vai aparecer no botão de pesquisa.