Como criar 'caixa de pesquisa' Google para sites e blogs

Vou mostrar como criar um gadget de busca do Google para blogs e sites.

Esse "gadget" é um código que você pega para inserir no Html de páginas da web, tanto de blogs e sites que permitem inserir javascript, no caso blogger.com é preciso pegar o código e o usar a opção inserir gadgets Html/JavaScript, clique para ver, especialmente que no momento(11/2013) o gadget de busca padrão do blogger não está funcionando, por esse motivo é bom excluir e adicionar outra opção.

Primeiramente, aconselho que use a busca do Google adsense(clique para saber como). E fique imaginando quanto o Google vai lucrar com a massa de pessoas que usam o blogger e terão que substituir o seu gadget de busca com erro por um com publicidade, porque, tanto o adsense como esse campo de busca grátis terão anúncios no resultado, a diferença é que do adsense você também terá lucro, pouco mas terá...

A criação é bem simples, bastara acessar o site do Google e começar, se tem pouca prática eu aconselho que você use um blog de testes para praticar, só fazendo e alterando as coisas a gente consegue aprender melhor, mas vou mostrar o passo a passo para criar seu "sistema de busca" do Google e o que vi de mais importante e fundamental, quem quer um exemplo dessa busca pode acessar um blog onde coloquei um.

1. Para começar, precisa estar logado no Google e acessar a página de criação da busca, clique
2. Terá um campo para adicionar o endereço de seu site ou blog, sem o http://

   Para um de meus blogs eu coloquei apenas o endereço de blog, como exemplo imagemrascunho.blogspot.com e, aí aparecerá outro campo para outro site, se quiser, também poderá adicionar subdomínio, diretórios, você deverá ler as instruções perto do campo de preenchimento na página de criação


3. Você poderá e aconselho que escolha um Idioma de seu público para seu mecanismo de de busca
4. Depois basta clicar no botão de Criar
5. Após isso abrirá uma página onde você pode clicar em Obter o código e terá que identificar ele e copiar para então adicionar em seu site ou blog.

6. Mesmo já tendo adicionado o código da busca em seu site você poderá acessar a opção Aparência, e fazer alterações, elas mudarão em seu site ou blog de maneira automática, é provável que nem precise alterar o código. Só tome cuidado se tiver criado mais de um mecanismo de busca, aí terá que escolher aquele que você quer alterar, na página terá essa opção.
7. Na página você terá muitas opções, eu aconselho deixar a maioria como padrão, ou seja, evite mexer em Layout, Temas... Observe que, clicando na opção Personalizar é para as cores do campo e botão da busca.

   Dica, observe que nessa página de criação terá um exemplo da caixa de busca e que essa mudará quando você fizer algumas das alterações, assim você poderá ter uma noção de como ficará seu sistema de busca

8. Você precisará identificar as opções, existem "menus" com opções a serem escolhidas, opções como 'Gerais' onde muda os estilos do entorno do botão e campo, depois terá a opção de clicar onde diz 'Caixa de pesquisa', ou 'Botão de pesquisa' e outras para os resultados, ambas você pode clicar para fazer alterações.
9. Observe que você terá opções que parecem botões ou links, você pode clicar e ver para que servem, alterar cores, letra...
10. O tão importante e que quase sempre vale para tudo que você for criar na web ou em programa, os botões de Salvar, para/de guardar ou aplicar as alterações.