[Blogger - Gadgets] - Como colocar um formulário de busca em HTML no Blogger

Você alguma vez já parou pra pensar em como os internautas encontram o que procuram na web? Se você pensou no Google Search, você acertou! Hoje em dia, quando o assunto é pesquisa ou busca na web, a primeira coisa que vem na cabeça é o tal do Google Search, se não fosse ele, e outros serviços de busca tais quais: Ask, Yahoo Cadê, Alta Vista etc., como encontraríamos o que procuramos no meio de infinitas páginas que são adicionadas à web todos os dias?


Bom, se os internautas usam serviços de busca para encontrar o que querem na web, você já parou para pensar em como os seus leitores irão encontrar o que eles querem no seu blog? Vamos combinar que é muito chato, demorado e até desestimulante ficar olhando página por página de um blog para encontrar o que procuramos. E, pensando nisso, o Blogger oferece um gadget chamado: Caixa de pesquisa, que é desenvolvido pela Google.

Essa caixa de pesquisa se trata de um pequeno formulário, onde o leitor digita o que está procurando e o buscador mostra os artigos que contêm os termos que foram digitados. Para colocar essa caixa de pesquisa no seu blog, é muito simples, basta seguir os passos abaixo.

Gadget caixa de pesquisa


1. Faça login no Blogger e acesse o painel de controle do seu blog, depois vá no menu Layout > Adicionar um Gadget > Caixa de pesquisa. Como ilustra a imagem abaixo.


2. Despois de escolher o gadget que foi mostrado acima, clique no botão Salvar e pronto.

Esse formulário que é fornecido pela Google trabalha através de indexação, isso quer dizer que os artigos só aparecerão nos resultados da busca quando os artigos forem indexados (entenda-se: encontrados) pelo Google Search — o que pode demorar um pouco.

Pelo fato de haver essa possível demora na indexação, algumas pessoas preferem recorrer ao bom e velho formulário de busca criado com HTML, pois o mesmo não utiliza indexação para achar os artigos, e sim realiza uma busca interna no blog até encontrar os termos digitados. Veja abaixo como instalar este tipo de formulário.

Caixa de pesquisa em HTML


1. Faça login no Blogger e acesse o painel de controle do seu blog, depois clique no menu Layout > Adicionar um Gadget > HTML/JavaScript. Como ilustra a imagem abaixo.


2. Copie o código que é mostrado a seguir e cole-o no campo de conteúdo do gadget.

<form name="input" action="/search" method="get">
<input type="text" name="q" style="width:260px;font-family:Arial;font-size:12px;"><input type="submit" value="Pesquisar">
</form>


Você pode ajustar a largura do campo de busca mudando o valor que foi destacado em vermelho. E pode mudar também a frase que aparece no botão alterando a parte que foi destacada em azul.

3. Depois de fazer os ajustes, basta clicar no botão Salvar. Pronto! Agora, vá no seu blog e confira se está tudo certo. Abaixo você pode conferir um exemplo de como o formulário de busca ficará:


É um formulário de busca bem simples, mas se você tiver conhecimentos em HTML/CSS você pode personalizá-lo como quiser, assim como os formulários de busca que postei no artigo "Formulários de busca customizados para Blogger".

Leia também os artigos:

Atualização — 24.07.2011 às 20h30
O artigo foi atualizado para refletir mudanças realizadas no painel de controle da plataforma Blogger.
É terminantemente proibida a cópia de nossos artigos sem nossa expressa autorização!
Plágio é crime previsto no artigo 184 do Código Penal brasileiro e na Lei 9.610/98.
As informações contidas neste artigo estão desatualizadas? Notifique-me! Editar artigo
Igor Sousa é dono e criador do blog Hdblog (antigo Bloggando Na Web). Tem 24 anos, é paulistano e atualmente cursa o 8° Semestre em Ciências Contábeis. Blogar era apenas um modo de melhorar sua redação de texto, mas unida a sua vontade de ajudar as pessoas passou a ser um hobby.

Foram postados 12 comentários neste artigo!

  1. Excelente post. Mas a busca ainda nao funciona no meu blog.
    Demora muito tempo para o google indexar?

    ResponderExcluir
  2. laksantana
    Visitei seu blog e notei que você está usando o gadget de busca do Google, então pode demorar um pouco sim até que sua página apareça nos resultados de pesquisa (ainda mais se você tiver acabado de criar o post).

    Mas se você estiver usando a busca em HTML, não demora não. Pois o formulário de busca em HTML não usa indexação.

    Agradeço o elogio e a visita.
    Forte abraço.

    ResponderExcluir
  3. Olá, coloquei este campo de pesquisa em meu blog. só que não funciona, você digita e não parace nenhum resultado. O mesmo acontece com o campo de busca do google. O que acontece?

    ResponderExcluir
  4. Tem como você me mandar o html do campo de pesquisa como você fez no seu blog só que nas cores cinza onde é preto e azul onde é vermelho? Agradeço!

    ResponderExcluir
  5. Espaço da Vitória: eu testei o campo de pesquisa nos seus dois blogs e em apenas um deles não obtive sucesso na pesquisa.

    Percebi que os títulos dos seus artigos, não aparecem clicáveis, peço que vá em: Configurações > Arquivamento e verifique se a opção "Ativar páginas de postagem", está marcada como "Sim", se não estiver marque-a.

    Espero que isso resolva o problema nas buscas.

    Quanto ao formulário de buscas, você pode escolher um modelo já customizado, neste artigo: Formulário de busca customizados para Blogger.

    Se você não conhece muito bem a plataforma, aproveito para indicar nossa série de artigos: "Começando à Blogar", nela você encontrará várias dicas e explicações sobre os recursos do Blogger.

    Qualquer dúvida, entre em contato novamente!

    ResponderExcluir
  6. Olá, modifiquei os titulos de minhas postagens só que mesmo assim o campo de busca não encontra todas as postagns. Isso muda depois?

    http://espacodavitoriaplayback.blogspot.com/

    ResponderExcluir
  7. Espaço da Votória: eu testei as duas buscas, e desta vez as duas funcionaram perfeitamente.

    O que eu percebi é que você tem 2 blogs diferentes: “espacodavitoria” e “espacodavitoriaplayback”. Usando o formulário criado com HTML, não é possível buscar dados em mais de um blog, ou seja, a busca do primeiro blog só encontrará artigos dentro dele mesmo e não no blog de playbacks.

    Para fazer uma busca dentro de 2 blogs ou mais, aconselho que você crie e use uma caixa de Pesquisa Personalizada do Google. Através dela você pode especificar 1 ou mais blogs para que a pesquisa seja feita.

    Porém, vale lembrar que os formulários de pesquisa do Google trabalham com indexação, ou seja, demora um pouco para que as páginas do blog sejam adicionadas aos resultados de pesquisa.

    Espero que isto esclareça sua dúvida.
    Volte sempre!

    ResponderExcluir
  8. Não, eu vou colocar o campo de pesquisa nos dois blogs, só que no momento coloquei apenas no de playbacks. Nele tem algumas buscas que não são realizadas. Mas tá ótimo eu coloquei um aviso para os visitantes. Valeu, seu site é demais!

    ResponderExcluir
  9. Estou com o mesmo problema da Vitória, o campo de busca tanto do Google quanto o que eu instalei daqui não funcionam, e no arquivamento está tudo ok. Pode ser erro do template??

    ResponderExcluir
  10. Sybylla: pude perceber que no seu perfil há vários blogs, em qual deles você está tentando por a busca? Não creio que possa ser erro no template, pois o formulário em HTML busca as palavras digitadas, no título e dentro do artigo.

    ResponderExcluir
  11. Muito bom, eu meu funcionou !!!!!!!!!! Obg

    ResponderExcluir