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.

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.

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.

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

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>

• Como colocar o blog em site de busca, SEO
• Colocar Gadget caixa de busca google no BlogSpot
• Aumente visitas do blog distribuindo seu feed para grandes sites
• Aumentar visitas com FeedBurner Google
• Fazer divulgação do blog/site para aumentar visitas
• Texto e imagem sobre imagem e Div com Html e Css
• Onde e como adiciona código Css no Blogger
• Ferramentas google para webmasters, otimizar blog, site SEO
• Fontes do Google para usar em blogs e sites com Html ou Css
• Sites para fazer formulário de contato online e grátis