Busca personalizada com página estática

Com muitos puderam perceber, o Blogger agora tem suporte a páginas estáticas, e quando fiquei sabendo disso, fiquei muito animado, pois poderia agora criar página estáticas para o blog, como Sobre, Contato e Parceiros, e outra que eu penso ser essencial a todo site, a página de Busca, foi o que fiz, se usar a busca do blog, tanto a que fica na barra lateral, quanto a busca personalizada do Firefox que o blog possui, perceberá que a busca abre dentro da página de buscas do blog, e, percebendo que este implemento ao blog é muito útil, resolvi ensinar como fazer isto.

Primeiramente crie uma busca personalizada do Google, e preencha os campos da seguinte forma:

Nome do mecanismo de pesquisa: Nome do seu blog

Descrição do mecanismo de pesquisa: uma breve descrição sobre seu blog

Idioma do mecanismo de pesquisa: selecione o idioma do seu blog

O que deseja pesquisar?: Selecione e primeira opção

Sites a serem pesquisados: Preencha com seusite/* (substituindo "seusite" pela URL do seu site)

Marque a caixa Li e concordo com os Termos de Serviço e clique em Avançar

Na próxima página clique em Concluir, e na nova página que se abrirá, clique em Painel de Controle, na frente do nome que você deu a sua busca personalizada.

Depois, no lado esquerdo da página, clique em Obter Código, e depois em Hospedar resultados no meu site usando um iframe.

Agora acesse a edição de páginas estáticas do seu blog (para saber como acesse este link), crie uma nova página com o nome que você quiser, e salve-a, sem incluir conteúdo algum, somente o título, clique em Publicar e selecione "Nenhum gadget".

Depois de salva, copie a URL da nova página estática, e voltando na página da pesquisa personalizada, haverá um campo chamado "Especifique o URL do seu site em que os resultados de pesquisa devem ser exibidos:", preencha este campo com a URL da página estática que você acabou de criar.

Agora, na edição do layout do Blogger, crie um widget, selecionando a opção HTML/JavaScript, e coloque neste widget o conteúdo da caixa que se encontra debaixo do texto "Cole esse código na página onde deseja exibir sua caixa de pesquisa." na página "Obter Código". Salve o widget.

Agora edite a página estática de busca que você criou, e cole nela (no modo editar HTML), o conteúdo da caixa que se encontra debaixo do texto "Cole esse código no http:// em que você deseja que seus resultados de pesquisa sejam exibidos."

Salve novamente a página, e escolha a opção "Nenhum gadget", pronto, agora uma busca persolanizada abrirá internamente ao seu blog, tornando-o mais profissional.

Para facilitar ainda mais a vida de seus leitores, use também esta nossa dica e faça com que o usuário possa usar esta página de busca direto do Firefox ou Internet Explorer.