4 de novembro de 2011

6

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,&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>
Feito isso, cliquem em Visualizar se tudo ocorrer certo, cliquem em "Salvar Modelo".

Créditos para o Dicas Blogger

6 Comentários:

Anônimo disse... [Responder Comentário]

Não achoa linha do header wrapper no meu blog , o que eu faço ?

CSDA disse... [Responder Comentário]

header-wrapper
aff que bosta no meu não acha essa merda cara ajuda ae --'

Silvania Nascimento disse... [Responder Comentário]

Muito bom, consegui fazer, obrigada, pra achar tem que clicar em expandir modelos e widgets e escrever o que procura que você vai achar.

Gileno Silva disse... [Responder Comentário]

Obrigado ! eu nao achei o codigo que vc citou ai,mas eu tenho um certo conhecimento com bloggers e apliquei o codigo em outro lugar.

julia avelino disse... [Responder Comentário]

Nao deu esse codiigoo nao ttem ouutro ?

Luan Antonio disse... [Responder Comentário]

Como posso colocar ele para direita por que ele ta na direita e atrapalha as paginas

Postar um comentário

Parcerias são feitos em suas respectivas páginas.
- Se deseja falar com nossos autores, criticar ou sugerir, solicite nosso
Formulário de Contato
- Evite divulgar o seu blog nos comentários para que ele não seja excluído por nosso autor.
- Não utilize linguagem vulgar e tente falar sobre algo que esteja ligado ao artigo.

Licença Creative Commons
Free Page Rank Tool