Como colocar uma caixa de busca no cabeçalho do Blogger

Olá Pessoal, hoje irei ensinar a como colocar uma caixa de busca no cabeçalho. A maioria das vezes podemos posicionar a área de busca, em diversas parte do blog, varia também o gosto da pessoa. Assim, podemos afirmar que uma busca no topo do blog, é bem visível.

Vamos nessa!
Vá no Painel de controle do Blogger >> Design >> "Editar HTML" e clique na opção "Expandir modelos Widgets".
Antes de faça o backup de seu template, feito isso podemos prosseguir tranquilamente.

Com a ajuda do Ctrl+F, procure pela linha abaixo:

#header-wrapper

E acima do código anterior cole o seguinte código:

/* ----- Busca ----- */ #busca{ width:auto; height:auto; z-index:1; position: absolute; top: 50px; left: 660px; }

Agora procure pela linha abaixo:

<div id='header-wrapper'>

E abaixo do código acima cole o seguinte código: <div id='busca'> <form action='/search' id='searchthis' method='get' style='margin:0;padding:0;display:inline;'> <input id='search-box' name='q' onblur='clickrecall(this,'Pesquisar')' onclick='clickclear(this, 'Pesquisar')' size='20' style='color: #999;' type='text' value='Pesquisar '/> <input id='search-btn' type='submit' value='Buscar'/></form> </div>

Feito isso, cliquem em Visualizar se tudo ocorrer certo, cliquem em "Salvar Modelo".

Créditos para o Dicas Blogger