Post |Dicas blog, Pc

Formulário de busca do google para blogs e site

Mostrarei o código curto e fácil para você colocar um campo de busca do google no seu blog ou site.

É um código Html para um formulário de pesquisa onde você só precisará colocar o nome de seu blog e adicionar o código em seu blog e estará pronto.

Um formulário de busca no blog/site é quase indispensável, e, logicamente os resultados da busca devem ser de seu blog(de preferência), você não vai querer que o visitante faça uma busca para sair de seu blog.

Recomendações
Como primeira opção, mais difícil um pouco, recomendo que use e crie um formulário de busca do Google Adsense, em segunda opção você pode criar um formulário de busca personalizada do Google, já esse formulário abaixo é a terceira opção, mais fácil e rápida para ter seu formulário de busca, mas é a menos recomendada porque se o usuário fizer uma nova busca na página de resultados eles serão resultados de outros sites, o que não ocorre com as opções informadas acima.

Os resultados irão abrir em uma nova página ou janela, numa página normal do google onde o usuário terá todas as opções normais como aquelas da lateral onde ele pode clicar em imagens e os resultados da busca para seu blog vão mudar rapidamente para imagem, claro que, ele terá a opção de mudar para uma busca na web se não encontrar o quer nos resultados para seu blog, isso é algo que você deve permitir porque pelo menos ele sairá satisfeito e, se você não quiser permitir essa opção ele pode sair de seu blog com uma lembrança de má experiência, deve também levar em conta que se a busca abriu em nova página, seu blog ainda estará aberto na outra ;-)

Veja a imagem abaixo, é parecido com o resultado que apresentará após uma busca.

clique para aumentar
resultado de busca com formulario de pesquisa do google para blogs ou sites
Exemplo do formulário de pesquisa
Você pode usar esse campo para fazer uma busca e testar como funciona.

    Alterar o formulário de busca

    Algumas coisas no código abaixo precisam ser mudadas, outras são opcionais para mudar um pouco a aparência, mas, tenha um cuidado para não adicionar ou retirar caracteres especiais como aspas e outros como esse <
  • O código do formulário está abaixo e onde diz NOME MEU BLOG você pode colocar o nome do seu blog, ele irá aparecer na página de resultados do Google e será uma opção selecionada para a busca interna em seu blog. Expl: Foitestado Ignore o trecho riscado
  • Observe o código e onde está blog.foitestado.com você deve colocar o endereço simples de seu blog ou site, sem http://
  • Onde diz Pesquisar será a palavra do botão, essa, você pode mudar para Buscar, Busca, Search, Ir ou o que achar melhor.
  • A largura do campo onde a pessoa digita você pode alterar, eu coloquei 34 e você pode aumentar ou diminuir esse número a sua vontade.
  • Se você não quiser que os resultados abram em nova página, pode retirar target="_blank"
Código do formulário de busca
<form action="http://www.google.com/search" method="get" target="_blank"><input name="q" value="" size="34" type="text"><input name="domains" value="blog.foitestado.com" type="hidden"><input name="sitesearch" value="blog.foitestado.com" type="hidden"><input value="Pesquisar" type="submit"></form>

Esse código é um Html bem simples que pode ser adicionado em qualquer local de páginas Html, mas, alguns sistemas como o blogger tem o local adequado, no blogger é a opção Adicionar Gadget e Html/JavaScript, para mais detalhes e evitar erros ao adicionar códigos na lateral do blogger, clique aqui

É só isso, mas, quem quer mais um pouco, pode adicionar um estilo extra.
Mudar mais a aparência do campo de busca
No código acima, para quem entende um pouco de Html/Css e é atento, pode dar uma personalizada no campo de texto, logo após size="34" você pode deixar um espaço e adicionar um estilo parecido com style="background:#fffddd;border:solid 1px #cccccc;color:blue;"

background:#fffddd; é referente a cor de fundo, e esse #fffddd é um código de cor hexadecimal de um amarelo claro

border:solid 1px #cccccc; é referente a borda que é solida de 1pixel e cor #cccccc que é cinza claro.

color:blue; é a cor da fonte azul, as cores básicas podem ser escritas em inglês, ou pode ser representado por um código Hexa...

Para esclarecer um pouco, vamos ver como ficaria o código acima com o style Css:<form action="http://www.google.com/search" method="get" target="_blank"><input name="q" value="" size="34" style="background:#fffddd;border:solid 1px #cccccc;color:blue;" type="text"><input name="domains" value="blog.foitestado.com" type="hidden"><input name="sitesearch" value="blog.foitestado.com" type="hidden"><input value="Pesquisar" type="submit"></form>

9 comentários:

Formulário de busca do google para blogs e site2011-02-09T14:47:00-02:00
  1. Olá Lizandro! apliquei o código, substitui pelo nome do meu blog www.bloguaratuba.blogspot.com , porém ao fazer a busca não funciona. Errei em alguma coisA? aBÇ

    Responder
  2. Daniel M M

    Faz sem o www.

    Alguns sites apresentam mais resultados com o www. e outros sem, seu blog aparece mais sem ele

    Responder
  3. Olá, acompanho esse site há um tempo e sempre encontro aqui coisas interessantes. Coloquei esse aplicativo(sem o www) e funcionou mt bem!
    obrigada!
    http://tzaradaestrela.blogspot.com

    Responder
  4. Gislailson9/5/11

    HOAUSHIUAHOI eu nem sabia disso vllwww :D

    Responder
  5. Primeiramente o brigado pelo código, tenho só uma dúvida, como faço para implementar isso na busca:
    "site":*meusite.com*(sem aspas)(sem asteriscos)
    nesta parte "site" as buscas do google só iram acontecer somente dentro do site(entre os asteríscos) que eu especificar. Agradeço desde de já!

    Responder
  6. Gutierrez

    No código acima, você pode substituir a parte azul que diz blog.foitestado.com pelo endereço do seu blog sem http:// e sem o www. que os resultados serão exibidos só apontando para seu site

    Responder
  7. Este comentário foi removido por um administrador do blog.

    Responder
    ...Respostas
    1. Tive que remover seu comentário por conter email:
      "fazer um gadget com o leia mais, só assim quem quer fazer de seu blog um portal ficaria bem mais fácil"

      O que tem que é parecido é um gadget de post recente que você pode usar qualquer site que tenha feed para gerar e mostra as ultimas postagens

  8. gostei muito dos tutoriais valeu cara abraços

    Responder

→Dê sua opinião. Faça comentário relacionado ao post.
Comentário com e-mail será excluído
Antes de perguntar leia o texto até comentários e pesquise, a resposta virá no comentário, para ser avisado use uma conta e o link: Subscribe by email(abaixo)
Será excluído comentário não relacionado ou com Url de blog/site(Divulgar? Clique)

Comentário reflete a opinião do comentarista. Desde já, Obrigado!