Busca Personalizada do Google Com Formulário Personalizado

Receba em primeira mão o conteúdo exclusivo do Blog, além de promoções de livros e cursos de programação. Você receberá um email de confirmação. Somente depois de confirmar é que poderei lhe enviar o conteúdo exclusivo por email.

Email inválido.
Blog /Desenvolvimento Web /Busca Personalizada do Google Com Formulário Personalizado

Busca Personalizada do Google Com Formulário Personalizado

Vinícius Thiengo09/12/2013, Segunda-feira, às 23h
(1359) (1) (1)

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!

Receba em primeira mão o conteúdo exclusivo do Blog, além de promoções de livros e cursos de programação.
Email inválido

Relacionado

Upload de Arquivo Sem Carregamento de PáginaUpload de Arquivo Sem Carregamento de PáginaDesenvolvimento Web
Busca Personalizada do Google em Seu Site ou BlogBusca Personalizada do Google em Seu Site ou BlogDesenvolvimento Web
reCAPTCHA do Google em Seu Site ou BlogreCAPTCHA do Google em Seu Site ou BlogDesenvolvimento Web
Comentários do Facebook no Blogger (Blogspot)Comentários do Facebook no Blogger (Blogspot)Desenvolvimento Web

Compartilhar

Comentários Facebook

Comentários Blog

Para código / script, coloque entre [code] e [/code] para receber marcação especifica.
Forneça seu nome válido.
Forneça seu email válido.
Forneça o comentário.
Enviando, aguarde...