domingo, 30 de outubro de 2011

CRIANDO UM SEARCH PLUGIN DO SEU BLOG/SITE PARA O FIREFOX 5 OU SUPERIOR


Essa aqui é fresquinha, existe na net, mas não parecido com o meu, bom pelo menos ainda não vi. Primeiro vou adicionar o código que deverá ser editado cole-o no bloco de notas(no tutorial irei levar em consideração os padrões de pesquisa do blogger, mas você poderá adaptar para seu blog do wordpress ou site.):

<SearchPlugin xmlns="http://www.mozilla.org/2006/browser/search/">
<ShortName>Hc Host</ShortName>
<Description>Pesquisa HcHost</Description>
<InputEncoding>UTF-8</InputEncoding>
<Image width="16" height="16">data:image/x-icon;base64,AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAbgJqAIoCdgCaAnoAnhKCAKYijgCuLpIAskKeALpSpgC+Yq4AzHy8ANqezgDmvt4A7tLqAPz5+wD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKlRFIoABWAKERERE6ADcKMzzu2hOgAAhERK8REWCWBERE36ERMHMEREvo6iEgY6hEn6Pu0mAzqkz/xjMzoDNwpERERDoAMzAKlERIoAAzMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//wAA//8AAP//AADAOQAAgBkAAAAPAAAACQAAAAkAAAAIAAAACAAAAAgAAIAYAADAOAAA//8AAP//AAD//wAA</Image>
<Url type="text/html" method="GET" template="http://hchost.blogspot.com/search?">
<Param name="q" value="{searchTerms}"/>
</Url>
</SearchPlugin>
Não vou explicar a função dos tags, vou explicar somente como editar para você usar no seu blog. Coloquei cada opção de cor diferente para facilitar:
  • Vermelho: Onde está de vermelho vai o nome do seu blog.
  • Amarelo: Vai a descrição do search plugin.
  • Verde: Preste atenção este código começa depois da virgula quando você for trocar terá que respeitar a virgula, este código é o ícone que aparece igual na imagem de amostra desta postagem, para não trabalhar com arquivos de imagem, elas são convertidas em base64 e colocadas junto com o código, mais pratico não? Vou lhes explicar como proceder agora, criei um ícone, ícone mesmo, com extensão .ico de até no máximo 16x16 pixels, entre no site www.opinionatedgeek.com vá no campo Encode binary file: e clique em selecionar arquivo, e escolha o ícone que você criou, clique logo abaixo no botão Encode, na próxima página, no campo Encoded Output copie o código e cole no lugar do deste destacado de verde, respeitando a vírgula.
  • Roxo: coloque o link do seu blog, exemplo: www.exemplo.blogspot.com tire hchost e coloque exemplo.
Pronto,na hora de salvar coloque o nome do seu blog e salve com a extensão .XML, agora basta colocar seu plugin na pasta C:\Arquivos de Programas\Mozilla Firefox\searchplugins e abrir o firefox! Caso quando você adicionar o firefox estiver aberto, feche-o e abra-o novamente para aparecer.

Update 05/11/2011

Vídeo explicando como criar um simples setup para seu search plugin:

Nota:

0 comentários:

Postar um comentário

Proibido palavras ofensivas, racistas ou descriminatórias.

[Seu Comentário será liberado no máximo em 24horas]