No começo deste ano postei aqui no blog um tutorial de como criar uma página estática para busca interna usando o Google Custom Search Engine. Hoje darei uma dica de um "complemento" para a busca, fazendo com que seus leitores possam buscar ainda mais fácil, ensinarei a criar uma busca personalizada, possível para usuários do Firefox e IE7 ou superior.
Primeiramente, se você não fez o tutorial de busca em página estática, sugiro que faça-o, pois será utilizado neste outro tutorial, além de ser bem útil.
Depois de feito, você precisará adaptar um código XML:
<?xml version="1.0"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
<ShortName>Nome do seu blog</ShortName>
<Description>Descrição para a pesquisa</Description>
<Image height="16" width="16" type="image/x-icon">[URL DO ÍCONE]</Image>
<Url type="text/html" method="get" template="[URL DA PÁGINA ESTÁTICA]?q={searchTerms}&cx=[CX da sua busca personalizada]&cof=[COF da sua busca personalizada]&ie=UTF-8"/>
</OpenSearchDescription>
Para pegar o CX e o COF da sua busca personalizada, faça o seguinte:
- Acesse a página do Google Custom Search Engine.
- Clique no link "Painel de controle" em frente ao nome da sua busca personalizada.
- Clique em "Obter código".
- Agora basta copiar o "value" do CX e do COF na caixa "Código da caixa de pesquisa" e substituir no código, veja a imagem abaixo:
Depois de personalizar o código, salve-o com extensão XML e hospede-o, aqui no Blog on the Net eu uso o Google Sites.
Depois de hospedado, você precisará personalizar mais um código, o código é o seguinte:
<link title="[MESMO NOME USADO no ShortName do código XML]" type="application/opensearchdescription+xml" rel="search" href="[URL DO ARQUIVO XML]">
Depois de personalizado, converta-o no Parse HTML for Blogger XML.
Copie o código convertido e então cole-o dentro da tag HEAD do seu template.
Pronto ! Toda vez que alguém acessar o seu blog usando o Firefox ou IE7 (ou superior), a pesquisa personalizada (que aparece no canto superior direito do navegador) será oferecida.
Este tutorial foi feito com base no tutorial SearchBox customizada para Firefox e IE7 do UsuárioCompulsivo.
Leia as regras antes de comentar
Todos os comentários são moderados, e devem seguir as seguintes regras:
- O comentário tem que ter relação com o assunto do post.
- Para deixar a URL do seu blog no comentário, comente usando seu OpenID.
- Comentários contendo: ofensa, insultos, ameaças, ou preconceitos de qualquer tipo não serão aceitos.
- Não peça parcerias pelo formulário de comentário.
- Para contactar sobre algum assunto que não seja o do post, use o formulário de contato.
- Não use links desnecessários nos comentários.
Atenciosamente. Equipe Blog on the Net.