Caixa de pesquisa para blog- personalizadas e sem erros

em 26 de novembro de 2013

Há alguns dias a caixa de pesquisa nativa do Blogger começo a apresentar erro: você digita a busca e ela simplesmente não retorna resultado algum.
Não sei o motivo, e não é a primeira vez que esse erro ocorre.
A caixa de pesquisa que eu uso é diferente, é uma caixa de busca do Adsense , então eu não havia percebido o problema até começar a receber pedidos de ajuda.

Como eu disse essa não é a primeira vez que a caixa de pesquisa nativa apresenta bug. Então selecionei algumas outras opções que podemos usar caso o erro demore para ser corrigido pelo Blogger.
Ou ainda caso você queira dar um estilo mais fofo e mais personalizado para sua caixa de pesquisa.
Também recomendo que você favorite este artigo pois esse problema, mesmo depois de resolvido pode reaparecer, e é sempre bom ter uma alternativa, não é?
Afinal a caixa de pesquisa é um recurso essencial ao nosso blog!

Vou compartilhar 3 modelos.

Caixa de pesquisa Modelo 1

Você pode alterar a palavra Pesquisar por aquela que desejar.
Para instalar em seu blog acesse a aba Layout. Clique em Adicionar um gadget e na janela de opções que abrir escolha HTML/Javascript.
Na janelinha que expandir cole isso:


Copiar o código do Modelo 1


Salve, arraste para onde deseja que apareça e clique em Salvar alterações.
Simples e fácil.



Caixa de pesquisa Modelo 2

Essa é um pouco mais trabalhosa, mas bem bonita.
Acesse a aba Layout de seu painel, clique em Adicionar um gadget, escolha a opção HTML/JAVASCRIPT e na janela que abrir cole isso:


Copiar o código do Modelo 2


Deixei marcado no código tudo o que pode ser mudado em termos de cores e fontes.

Agora preste atenção nas alterações necessárias para que funcione em seu blog:
Onde está escrito ENDEREÇO COMPLETO DE SEU BLOG coloque, claro, o endereço de seu blog, com http;
Onde está escrito ID DE SEU BLOG coloque o ID de seu blog. É um número que você encontra quando está editando seu blog. Olhe no navegador, você verá uma sequência nunérica parecida com essa:



O ID do blog é a sequência numérica. Claro, cada blog tem o seu.
Substitua ID DE SEU BLOG pela sequência numérica.
Salve, arraste para onde deseja que apareça e salve as alterações do layout.


Caixa de pesquisa Modelo 3

Para instalar em seu blog acesse a aba Layout de seu painel, clique em Adicionar um gadget, escolha a opção HTML/JAVASCRIPT e na janela que abrir cole isso:


Copiar o código do Modelo 3


Deixei marcado no código as alterações de cor e fonte que você pode fazer para que combine com seu blog.



Para ver as 3 opções instaladas clique no botão abaixo e veja em um blog de testes meu:
http://tutoriaisblogger-elainegaspareto.blogspot.com.br/

Com dificuldades para realizar o tutorial?
Leia:
Como usar os tutoriais deste blog?

Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

53 comentários , comente também!

  1. Obrigada Elaine, copiei a primeira opção e funcionou perfeitamente na Agenda de Casa. Percebi ontem que a pesquisa do Blogger não estava funcionando e achei que era problema do meu blog. Valeu pelo alerta. beijos, Ro

    ResponderExcluir
    Respostas
    1. Ro, o bug é geral. E tem muita gente reclamando...
      bjssss

      Excluir
  2. Oi Elaine, fiz a nº 1, no meu Blog e não funcionou.
    Por que será?
    Beijos.

    ResponderExcluir
    Respostas
    1. Não sei, Jo. No meu blog de teste todas deram certo...
      bjssss

      Excluir
  3. Oi Elaine, é a Vi, não percebi problemas, andamos tão ocupadas, que fica difícil até perceber os problemas..
    Muitos beijos,Vi

    ResponderExcluir
  4. Elaine muito lagal este tutorial mais tambem existe uma. outra forma legal de colocar uma caixa de pesquisa personalizada para quem nao. quer ficar com aquela do Blogger. ;esta ferramenta e disponabilizada pela Google web Master la e possiver gerar um coigo dela.Agora vou aproveitar o espaco aqui para informar qe no meu progue ta rolando um sorteio de uma cesta de Natal acesse www.mundomsf.com.br

    ResponderExcluir
  5. Olá! usei o primeiro, funcionou direitinho! Obrigada (a pesquisa do Blogger não estava funcionando há dias...). Bia (www.desafiosgastronomicos.com.br)

    ResponderExcluir
  6. Elaine, puxa vida, você em Meu Doce Lar???!!!
    Não imagina com que honra estou recebendo você! Não faz ideia do quanto admiro seu trabalho!!!
    Quanto à Carol, ela é mesmo muito especial. apaixonante!
    E essa mansidão... Deus sabe o quanto eu a busco!
    Agradeço muito pela visita, pelo carinho e desejo de coração que volte outras vezes para visitar Meu Doce Lar, tá?
    sobre a caixa de pesquisa, tão mais graciosa essa sua do que aquela do Blogger. Gostei muito e vou tentar instalar, muito embora eu seja tão devagar com essas coisas!... (rs*)
    De qualquer forma, com paciência chegamos lá, não é mesmo?
    Deus muito a abençoe!
    Bjs!!!

    ResponderExcluir
  7. Nossa eu já ia te perguntar se isto estava acontecendo com mais pessoas. Vc é abençoada mesmo!
    Obrigada e beijinhos...

    ResponderExcluir
  8. Perfeito! Sempre salvando a gente! A minha caixa nativa desapareceu e é essencial no blog! Bjs e obrigada por compartilhar!

    ResponderExcluir
  9. Oi Elaine.
    Já 'conheço' a sua ótima fama rs tem tempo!
    A Maga da internet.
    Mais do que comprovado! Antes do desespero, é melhor correr aqui.
    Estava com problemas na minha caixa de pesquisa e li a Lia/Pepa comentando no Facebook, corri para ler.
    Já instalei a minha, tudo certo por lá.
    Obrigada por dividir por aqui!
    Se quem divide multiplica, sua conta deve estar enorme rs
    bjs,
    Ótimo dia!
    Falando em ler, fiquei surpresa com o tal Vampirestat (tb vi a Lia comentar)

    ResponderExcluir
  10. Oi Elaine, não consegui!!! Nada no meu blog funciona!!! Em tudo que eu clico, nada responde, não consigo se quer adicionar ou editar gadget! Clico e clico, nada! O que será que está acontecendo com o meu blog??? Jesuis, tem conserto??? Preciso da sua ajuda para fazer uma manutenção urgente no meu blog, vc tem uma vaguinha pra mim na sua agenda?
    Obrigada! :)
    Bjs ♥
    www.viveraprendendo.com

    ResponderExcluir
  11. Voltei para dizer que fiz o primeiro e ficou direitinho.
    Deleto o outro antigo?
    Beijos.

    ResponderExcluir
  12. Aqui de novo para dizer que deletei o antigo e está tudo certo.
    Agora foi colocar em meu outro Blog, o Região Oceânica.
    Valeu a dica.
    Beijos querida.

    ResponderExcluir
  13. Oi Elaine tudo bem ?
    Estou começando agora com o meu blog, eu nao sabia como mexer, ate que encontrei o seu blog onde aprendi muita coisa, e algumas coisas que vc disponibilizou eu peguei :D
    Eu quero lhe agradecer porque se vc fosse por vc o meu blog nao estaria do jeito que ta, MUITO OBRIGADO <3

    ResponderExcluir
  14. Oi Elaine, obrigada pela dica!
    Já instalei o primeiro e funcionou direitinho.
    Bjs

    ResponderExcluir
  15. Tinha que ser você pra me salvar! Te adoro! Muito obrigada por esse post! :*

    ResponderExcluir
  16. Elaine,

    Suas dias sempre tão preciosas!
    Acabei de adicionar a opção 3 em meu blog, raiva deste bug hahahaha

    Bjsss

    ResponderExcluir
  17. Elaine arrumei meu blog com esse tutorial, deu super certo.obrigada

    ResponderExcluir
  18. SEUS CÓDIGOS NÃO COPIAM... SÃO BLOQUEADOS!

    ResponderExcluir
  19. Elaine, li todos os comentários e não sei se realmente essas pessoas todas fizeram e deram certo, mas eu tentei e não deu, pois quando você diz: "copie e cole aqui" seus códigos não copiam porque estão bloqueados, como também percebeu o Alexandre do comentário acima.
    Beijos

    ResponderExcluir
    Respostas
    1. Helena, releia o tutorial, tem um link onde explico como copiar os códigos.
      Basta parar o mouse sobre eles, e clicar no primeiro ícone que surge.
      essa ação faz abrir uma janela com o código livre.
      Daí é só copiar e seguir o que o tutorial ensina.
      beijos

      Excluir
    2. Elaine, fiquei batendo a cabeça para descobrir como colar porque eu sou afobada, quero fazer tudo rápido, de primeira. Mas eu pensei: "não é possível que esse povo todo conseguiu e eu não, pois alguma coisa está errada (comigo). Dai daí em outro post seu que pede para clicar em tal postagem onde você ensina como copiar. Eu fiz!!! Agora posso me incluir no povo que disse: "fiz e deu certinho!"
      Obrigada novamente por tanta generosidade. Que Deus dê em saúde para você e seu marido (e as cachorrinhas). Beijos

      Excluir
  20. Oi Elaine antes de tudo te desejo um 2014 abençoado e mais uma vez te agradeço por disponibilizar esse tuto,estou usando o segundo modelo,bjs...

    ResponderExcluir
  21. se quiser colocar a caixa de pesquisa nº3 mais para baixo como faço?

    ResponderExcluir
  22. Elaine, antes de tudo quero agradecer as dicas, são ótimas, você está me ajudando muito. Obrigada.
    Mas vi nos comentários acima que tem algumas pessoas que não estão conseguindo copiar o código. Da primeira vez que fui copiar também aconteceu isso comigo, não estava aparecendo as linhas (acho que deve ter algum problema), eu fechei a página e abri de novo, voltou ao normal e consegui copiar.
    Mais uma vez obrigada por todas as dicas.

    ResponderExcluir
  23. Valeu, ajudou bastante: http//:www.nininhodicas.com.br

    ResponderExcluir
  24. Elaine' quero saber se tem algum script de pesquisa que posso usar só dentro da pag. sem pesquisar em todas as postagens só naquela pag especifica ?

    ResponderExcluir
  25. OI Elaine, instalei as três caixas mas, nenhuma funcionou direito. Digito "Dirty Dancing" por exemplo pra ver se direciona para post que eu fiz sobre o filme mas, nos resultados só aparecem posts que eu fiz sobre um seriado e que não tem nada a ver com o filme. O que será que não está dando certo???

    Acabei excluindo a barra de pesquisa =/

    Esse é meu blog (que eu ainda estou terminando de 'montar' → http://omundinhodetrika.blogspot.com.br/

    ResponderExcluir
  26. Poxa, nenhuma funcionou no meu blog...
    Então o erro é do meu template, né? Você sabe o que pode ser? Eu já instalei várias caixas de pesquisa, de várias formas, mas nada funciona. Eu busco e não aparece nenhum resultado, estou desesperada com esse bug! :(

    (Endereço do meu blog: http://www.despertandoamor.com.br/)

    ResponderExcluir
  27. Ótimo tutorial ! Comecei meu blog agora, e estava louca com a caixa de pesquisa que não funcionava. Muito obrigada!!

    ResponderExcluir
  28. Muito obrigada, usei o modelo 3 e funcionou perfeitamente ^^
    |A Beautiful Lie|

    Criei um grupo para que os blogueiros possam trocar comentários uns com os outros. Foi uma maneira que pensei para poder conhecer o trabalho de cada um. Se quiser pode participar:
    |Blogueiros Leitores|

    ResponderExcluir
  29. Mt ótimo, funcionou os 3 modelos. Obrigada

    ResponderExcluir
  30. Funcionou super bem. Muito obrigado pela ajuda!

    ResponderExcluir
  31. Consegui fazer e ficou lindo.... mas não busca nenhum conteúdo! Diz que não existe

    ResponderExcluir
  32. Obrigada, Eliane!
    A caixa de pesquisa de meu blog parou de funcionar. E como considero um recurso indispensável, fui buscar uma solução.
    Usei o primeiro modelo que você recomendou e funcionou perfeitamente ;-)))

    ResponderExcluir
  33. Adorei! Fiz a opção 2. ficou perfeita ♥
    Obrigado Eliane

    ResponderExcluir
  34. Elaine testei hoje a caixa e não funcionou.... Por que?

    ResponderExcluir
  35. Gostei! Testei a 2 e 3, mas a 2 não retornou nenhum resultado, só a 3

    ResponderExcluir
  36. Eu gostaria de saber como eu copio os códigos se é tudo bloqueado. :/

    ResponderExcluir
  37. Ola! No meu blog deu certo! Obrigado! Favoritado!

    ResponderExcluir
  38. Ola Elaine tudo bem adoro seu site e seus tutoriais, gostaria apenas de fazer uma observação o código funcionou perfeitamente no meu blog assim como a caixa de pesquisa o problema e que usei aquele código que vc ensinou sobre bloquear conteúdo do blog como texto e imagens e por causa disso não da para escrever nada na caixa de pesquisa... Inclusive até seu site eu tento pesquisar algo na sua caixa de pesquisa e não funciona!!!

    Por favor me ajude e se caso verifique sua caixa de pesquisa. Desde já agradeço e aguardo resposta.

    ResponderExcluir
    Respostas
    1. Lucas, se o blog possui bloqueios a caixa de busca não funcionará no Firefox. Mas funciona sem problemas no Explorer e no Chrome.
      Não há o que fazer, é questão de optar.
      No meu caso, optei pelo bloqueio.

      Excluir
    2. A então é isso, concordo plenamente com vc sobre a questão do bloqueio e se é só com o Firefox então vale a pena obrigado Elaine te desejo mais sucesso com seu site :D

      Excluir
  39. Muito obrigada pela dica! Funcionou! :)
    Beijinhooo!

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…