Inserindo um campo de busca do Google Postado por Br Downs , quinta-feira, 19 de março de 2009 at 16:47, in Marcadores: Códigos e Scripts, Dicas, Todas As Postagens

Neste tutorial vou ensinar prá vocês algo bem básico: como inserir um campo de busca do Google no seu blog.Também chamado de "caixa de pesquisa" ou "search form".

Primeiramente quero dizer que é obrigatório um campo desses em qualquer blog, pois facilita aos leitores enontrarem o que estão procurando. Vejam o caso do Dicas Blogger: já estamos com 280 postagens! Imaginem um novato chegando aqui, caindo de paraquedas, ávido por encontrar dicas de como criar um blog. Esta é a nossa primeira postagem; o pobrezinho teria que ver post por post...certamente ele desistiria. Com um campo de busca, bastará digitar o que deseja e aguardar a resposta do Oráculo.

Eu uso e abuso da caixa de pesquisa dos blogs que visito regularmente.

Conheço duas formas de inserir, facilmente, um campo desses. Uma é a do Google AdSense e a outra é através do Google Blog Search. Vamos lá?

CAMPO DE BUSCA DO GOOGLE ADSENSE

Este é o mais elegante e tem a grande vantagem de poder gerar cliques nos anúncios e uma graninha extra. Para obter o formulário é preciso ser cadastrado no AdSense (dããã).Faça o login normalmente e escolha "Adsense para pesquisas", em configurações do AdSense.Você será direcionando para uma outra página. Escolha a opção "somente sites que eu selecionar" e insira no campo em branco a url do seu blog. Configue a gosto. Copie o código gerado e cole em "html/javascript" nos elementos de página da sua sidebar.

Este tutorial não contém imagens pois é proibido pelos termos do AdSense a publicação de imagens deles sem autorização prévia.

CAMPO DE BUSCA DO BLOG SEARCH

Para quem não é cadastrado no AdSense, basta copiar o código abaixo e colar em qualquer local da sidebar.

<div class="module-search module">
<h3>Buscar No Blog</h3>
<div class="module-content">
<form action="http://blogsearch.google.com/blogsearch" method="get">
<input value=http://SEUBLOG.blogspot.com/ name="bl_url" type="hidden"/>
<label for="search" accesskey="4"></label><br/>
<input id="search" name="as_q" size="20" type="text"/>
<input value="Buscar" name="submit" type="submit"/></form></div></div>

Lembrando de trocar a url acima pela do seu blog.