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.
Novamente quero agradecer a todos que colaboraram enviando perguntas à Ariane. A entrevista acontecerá hoje à tarde e até quarta-feira será publicada.
Faltam apenas 7 dias para o aniversário do blog e para o sorteio do template.Até o momento temos 83 blogs inscritos. Boa sorte à todos!
31 Comments
Juliana,
ResponderExcluirSerá que eu entendi direito? Se alguém clicar em cima de um resultado da pesquisa dentro do meu site, vai um $ para mim? Eu devo ter entendido errado, pois é bom demais para ser verdade...
Outras coisinhas:
- tentei já uns 3 tipos de codificação ocidental, mas nenhuma delas aceita o acento circunflexo. Qual codificação usar?
- como fazer para aquela frase "Resultados 1-10 para XXXX com Safesearch" ficar dentro da largura que se quer?
Obrigada e abraços!
Oi Juliana,
ResponderExcluirÓtima dica para quem quer customizar o blog com "busca", e ao mesmo gerar umas moedas. hehe
Garanto que um sistema desses facilita muito a vida do usuário, e agora com o adsense, tanto o autor, quanto o visitante sairão ganhando. =D
Abçs!
Oi Juliana, configurei a busca google adsense para aparecer os resultados da pesquisa em meu próprio blog, entretanto, eles não cabem na página, ficam parcialmente cortados do lado direito. Poderia me ajudar com esse problema? Obrigado.
ResponderExcluirNani é isso mesmo. Se o visitante clicar em algum anúncio, vc irá receber por ele.
ResponderExcluirQuanto as suas outras perguntas, eu não entendi direito...Bjs
Marcos, infelizmente eu não saberia te ajudar, pois é necessário mexer no template, se não me engano. Abraços
conzerteza uma caixa de busca é essencial para um blog que reúne um material grande como o dicas blogger. Juliana essa eu não sabia, google search adsense, demais adorei, uma ótima forma de ganhar um dindim a mais, ótima dica!!
ResponderExcluirAbrç
Ainda não tem nem o que pesquisar no meu blog. Ótima dica.
ResponderExcluirJuliana,
ResponderExcluircom relação às minhas perguntas:
- parece que pesquisa com palavras com acento circunflexo agora estão normais. Antes dava um erro que a pesquisa não tinha resultado...
- para não quebrar os anúncios, optei por abrir a pesquisa em uma página separada - como vc faz aqui. Antes eu havia deixado para abrir na minha própria página, mas o espaço da minha coluna não era suficiente e aí ficava tudo cortado.
Mais uma vez, obrigada pela sua atenção!
Bjs
eu ja uso uma busca, não é google mas funciona muito bem, agora eu queria é coloca-la no cabeçalho.
ResponderExcluirOla! Primeiro qria agradecer as dicas! muito legal, tem me ajudado um bocado!
ResponderExcluirGostaria de ter mais informacoes sobre a busca do google, fiz uma conta no google advense, ate consegui colocar, mais qdo fui testar , tdo que digito, nao aparece nada...tdas as palavras relacionadas....oq estou fazendo de errado?
obrigada!
Que bom, adorei a dica!
ResponderExcluirEste comentário foi removido pelo autor.
ResponderExcluirOlá Juliana, cá estou eu aqui novamente, desculpe novamente a minha ignorância, mas esse blogueiro que vos fala está apenas começando. Uma pergunta: sobre o pesquisa personalizada Google, consegui configurar e colocar e bendita no meu blog, ocorre que os resultados da pesquisa estão aparecendo na mesma página ou seja quando mando pesquisar os resultados aparecem na mesma aba do meu blog, como faço para abrir os resultados em outra página?
ResponderExcluirDesde já obrigado pela atenção.
ai gostei muito do seu blog esta show de bola.
ResponderExcluirJuuuuuu!!! Me socorre novamente!!! Estava eu mexendo no meu novo template (criado por você...) e resolvi testar as caixas de pesquisas disponíveis, se entrar no meu blog (http://inforgate.blogspot.com) verá que tem TRÊS caixas de pesquisas... calma!!! É só porque estou testando ainda estou decidindo qual o usar e onde usar. O problema é que não quero aquela caixa de pesquisa no header, prefiro abaixo da minha nuvem de tags, mas a única que funciona é essa, as outras duas dão erro de pesquisa e nunca encontram o que está no blog. Pode me ajudar novamente? Dá uma olhada no meu blog. Please! []´s
ResponderExcluirEntendi o artigo perfeitamente, mas como colocar a caixa de pesquisa do adsense lá no header?
ResponderExcluirJuliana,
ResponderExcluirEu tô com a mesma dúvida do Diego Alves. Tô usando o "Elegance" e lá no header tem a caixa de busca, mas como faço pra deixá-la com o Adsense, como a sua, por exemplo?
Abs
Olá Juliana, acompanho seu blog há alguns meses e ela tá nota 11 (de 0 a 10).
ResponderExcluirInstalei o campo de busca do google blog search no meu blog mas não funcionou. Em outro blog de teste funcionou. O que pode ser? Será que tem haver com o meu template? (o código é um pouco diferente dos templates comuns.
Se puder confira em http://dicasplugins.blogspot.com. o buscador blog serach ta abaixo do último post.to usando o do adsense no cabeçalho. Obrigado.
Campo de busca sao muito importantes e facilitam muito a vida dos visitantes!! boa dica!! ;D
ResponderExcluirObrigado, estava atrás disto, mais nem um tutorial me explicou direito!
ResponderExcluirSeu trabalho é magnifico, visito seu blog todo dia, e fico muito grato poiis seus tutoriais são bem explicados, e eu duvulgo seu trabalho!
http://WooWMultimidia.blogspot.com
Tchau! ;*
Obrigado pelas dicas! Tenho acompanhado o seu blog, e tem sido uma ajuda e tanto! Tentei colocar caixa de pesquisa em um blog teste, com dicas de outros sites, mas não deu certo. Com sua dica, problema resolvido!
ResponderExcluirOlá Juliana,
ResponderExcluirComo faz para inserir o símbolo transparente do Google na caixa de procura, como está no cabeçalho do seu blog?
Obrigado,
Alessandro, use a caixa de busca do AdSense
ResponderExcluirOi Juliana,
ResponderExcluirSerá que não é possível extrair o código para ter um Search Box igual a esse, mas sem se inscrever no AdSense (e também sem ganhar o dinheiro)? Eu só quero o Search box mesmo...
Obrigado,
Eu uso o CAMPO DE BUSCA DO GOOGLE ADSENSE =D
ResponderExcluirR$R$R$R$R$R$R$R$R$R$R$
Parabens! muito bom como sempre
ResponderExcluirobrigado por nos ajudar tanto com os nossos blogs
vlw
Muito fera
ResponderExcluirMuito bom!
ResponderExcluirOi Juliana
ResponderExcluirajuda ai...
Gostaria de colocar em blog que estou montando com sua Sta. ajuda, uma caixa de pesquisa de somente marcas/patentes na Web.
Vou colocar no HTML/java.
Você é D+
Valeu
Cara, perfeito! Caiu como uma luva esse tutorial. resolveu meu problema! Muito obrigado mesmo! Conheci agora seu blog, mas com certeza vou acompanhar sempre!
ResponderExcluirleo
http://diariodepapai.blogspot.com/
Opa! Eu coloquei no meu blog a "Busca personalizada do AdSense", mas quando eu pesquiso alguma palavra q está em algum post meu a pesquisa não dá o resultado do post...dá apenas a home do blog...segui os passos desta postagem (por mais incompletos..) embora eu seja novo no adsense não sei oq deu errado.
ResponderExcluirmeu blog:
http://barcoaremo.blogspot.com/
Obrigado!
Ola!
ResponderExcluirO que eu faço.Me Ajudem Porfavor...
pesquiso isso no blogsearch do google:
shrek blogurl:http://www.redefilmesonline.net
e(Aparece postagens recentes) e
shrek blogurl:http://redefilmesonline.blogspot.net
(Aparece postagens antigas).
Como ficar num só, no com domínio.
Agradeço Desde Já.