Caixa de Pesquisa no Cabeçalho do Blog

Foto: [jessicalenna.blogspot.com]

Vou ensinar vocês como colocar a caixa de pesquisa no cabeçalho. Veja o exemplo aqui.

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;

margin-top: 50px;

margin-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>

Editando:

Margin-Top: É a direção que vai ficar em relação ao topo do blog. No blog de exemplo eu usei 15px.
Margin-Left: É a direção que vai ficar na horizontal. No blog de exemplo eu não modifiquei o número.
Pesquisar: É o texto que vai aparecer ao lado da caixinha.
Buscar: É o que vai aparecer no botão de pesquisa.

Feito com a ajuda do site Dicas Blogger.
Espero que tenham gostado! Tutorial do Uprising Teen! Coloque os créditos.