>

sábado, 15 de janeiro de 2011

Como colocar caixa de busca no cabeçalho do blog (blogger)

Obs: Sempre baixe o modelo de seu template antes de mexer no html do seu blog.

Primeiro quero dizer que esse código não funciona com todos templates então antes de tentar baixe o modelo de seu blog (pra se não der certo colocar ele denovo).

Entre no painel do Blogger e na aba layout, clique em editar html. Marque a caixa expandir modelos de widgets e procure por /* -----   HEADER   -----  */  ou #header-wrapper ( que é onde começa o código do cabeçalho).
Copie o código abaixo e cole ANTES do código do cabeçalho (header).
/* -----   Busca   ----- */
#busca{
width:auto;
height:auto;
z-index:1;
position: absolute;
top: 50px;
left: 660px;
}
Procure agora por <div id='header-wrapper'>e cole logo abaixo o código de busca:
<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,&apos;Pesquisar&apos;)' onclick='clickclear(this, &apos;Pesquisar&apos;)' size='20' style='color: #999;' type='text' value='Pesquisar '/> <input id='search-btn' type='submit' value='Buscar'/></form> </div>


Ajuste a posição da caixa de busca, alterando os valores top e left do 1° código.
visualizando o template até ficar legal e só depois clique em salvar modelo

0 comentários:

Postar um comentário

Se tem alguma duvida comente,se te ajudou comente,se faltou algo comente não custa nada.

Related Posts Plugin for WordPress, Blogger...