Busca Personalizada do Google Com Formulário Personalizado

Opa! Blz?!

Nesse vídeo mostro como personalizar um formulário e utilizá-lo para buscas em seu site ou blog ao invés de utilizar o formulário padrão do Google. A única coisa que mudamos é o formulário, pois a busca ainda é a do Google e o resultado também.

Note que eu não mostro a personalização da caixa de resultado, pois eu não a personalizei, apenas a coloquei dentro de uma <div> com configuração no CSS.

Fique ligado no uso das tags <gcse:searchbox-only> and <gcse:searchresults-only>.

Os links para download do projeto e acesso a página de demonstração se encontram na parte debaixo do post.

Note que nesse vídeo e assumo que você já tem a busca personalizada do Google como um elemento conhecido e que você já sabe onde buscar, caso não eu fiz um post de como colocar a Busca Personalizada do Google em Seu Site ou Blog.

Página de configuração de tags e atributos do Google Search

Queria ressaltar que tem como você personalizar o resultado de sua busca personalizada dentro da própria página de configuração do Google Custom Search. Basta você entrar na configuração de alguma busca sua existente e então Aparência > Temas e alterar.

Compartilhe, comente!

Relacionado

Upload de Arquivo Sem Carregamento de PáginaDesenvolvimento Web

Busca Personalizada do Google em Seu Site ou BlogDesenvolvimento Web

reCAPTCHA do Google em Seu Site ou BlogDesenvolvimento Web

Comentários do Facebook no Blogger (Blogspot)Desenvolvimento Web