• Início
• Sobre

Como criar busca plugin firefox site e hospedá-lo-um guia passo a passo

Poucas semanas atrás eu não sabia como criar um plugin para o Firefox pesquisa de um site. Eu pesquisadas no Google e encontrei muitos posts relacionados com o mesmo. No entanto, eu descobri que a maioria deles não abrangendo todas as etapas e, após alguns cérebro colossal descobriu exatamente o curso de ação. Aqui eu estou dando precisa obter instruções passo a passo para criar um site pesquisa firefox plugin. Para um exemplo, vamos criar o Plugin para o nosso site - Tech Tools.

Passo 1: Obter URL pesquisa pronto
Permite pesquisa por "ebooks" da caixa de pesquisa acima e vamos buscar o URL http://www.bestonlinetools.org/?s=ebooks&x=0&y=0 - Um

Agora, substituir «ebooks" com () e searchTerms o URL aparece assim
http://www.bestonlinetools.org/?s = (searchTerms) & x = 0 & y = 0 - B

Passo 2: Mantenha o seu favicon pronto
Você só precisa de 16 × 16 pixel imagem que irá aparecer na barra de pesquisa firefox. Se você não tem a imagem, basta usar qualquer imagem para testar e reduzir o seu tamanho para 16 x 16 pixels no photoshop ou qualquer outra imagem editor.

STEP3: Visita Mycroft
Alcançar esta página no site Mycroft

Passo 4: Digite as informações no formulário Mycroft
Você vai ver os detalhes. Digite a mesma como por suas exigências. Use o URL - B que temos criado anteriormente (como por seu site url). Também fornecer o link para fazer o upload do favicon no formulário.

Introduza detalhes como por seu site

Para esclarecer se imagem não é muito claro, você precisará digitar o URL-B que criámos nas caixas' Pesquisar URL "e" Formulário de Busca URL 'caixas. Resto das coisas são simples.

Passo 5: Instalar o Plugin
Clique em "Gerar Código" e irá encontrar o código da busca plugin. Clique em "Instalar Plugin 'e você receber essa mensagem
"Adicionar" Tech Ferramentas "na lista de motores disponíveis na barra de pesquisa? "
Clique em 'Adicionar', e você pode começar imediatamente a procurar o seu site a partir da barra de pesquisa firefox.
No entanto, nós ainda não estão acabados. Precisamos de instalar este plugin no nosso site.

Step6: Copie o código e alterá-lo
O código será parecido com este

<? xml version = "1.0" encoding = "UTF-8"?>
<OpenSearchDescription Xmlns="http://a9.com/-/spec/opensearch/1.1/" xmlns:moz="http://www.mozilla.org/2006/browser/search/"> <! - Criado em Sáb, 21 fev 2009 05:59:43 GMT -> Ferramentas <ShortName> Tech </ ShortName> Ferramentas <Description> Tech pesquisa </ Description> <Url type = "text / html" method = "get" template = "http : / / www.bestonlinetools.org/?s = (searchTerms) & x = 0 & y = 0 "/> <image width="16" height="16"> http://mycroft.mozdev.org/ updateos.php/id0 /. </ Imagem> <Developer> Tech Ferramentas </ desenvolvedor> <InputEncoding> UTF-8 </ InputEncoding> <moz:SearchForm> http://www.bestonlinetools.org/?s = (searchTerms ) & x = 0 & y = 0 </ moz: SearchForm> <moz:UpdateUrl> http://mycroft.mozdev.org/updateos.php/id0/.xml </ moz: UpdateUrl> <moz:IconUpdateUrl> http://mycroft.mozdev.org/updateos.php/id0/. </ moz: IconUpdateUrl> <moz:UpdateInterval> 7 </ moz: UpdateInterval> </ OpenSearchDescription>
Favicon: O favicon você criou precisa ser enviados para o seu site. Vamos dizer o ícone url de imagem em seu site for www.yoursite.com / images / favicon.jpg. Substituir http://mycroft.mozdev.org/updateos.php/id0/. No código
<image Width="16" height="16"> http://mycroft.mozdev.org/updateos.php/id0/. </ Image>
com a sua imagem favicon URL. Agora o código está pronto para ser carregado para o seu site.

Passo 7: Enviar arquivo XML
Crie um arquivo / página no seu site - digamos yoursite.com / search.xml
Copie o código final que nós criamos acima e colocá-lo nesta página e salvá-lo como arquivo xml.

Passo 8. Adicionando JavaScript à sua página
Agora você precisa adicionar um javascript na página que você precisa fornecer o link para os seus utilizadores para adicionar a busca plugin.
Adicionar o script de sua página:
<script type="text/javascript">
função ffPlugin ()
(
window.external.AddSearchProvider ( "http://yoursite.com/search.xml");

)
</ script>

Passo 9. Forneça o link para adicionar a sua pesquisa plugin

Você pode fornecer a opção de adicionar este plug-in para os seus usuários através de texto ou uma imagem link. Vamos ver como um link de texto seria semelhante

<a href="javascript:ffPlugin()"> <font color="#008800"> Pesquisa nosso site a partir do Firefox </ font> </ a>
Este código tem de ser adicionado no HTML da página e no local que pretende fornecer o link para seus usuários para adicionar o Firefox pesquisa plugin.

Passo 10. Está feito!
Basta selecionar o link em sua página e veja se a sua pesquisa plugin está a funcionar bem.
Deverá funcionar, e se você encontrar qualquer problema, apenas deixe-me saber e eu vou te ajudar.

Será que você aproveite este post? Porque não deixar um comentário abaixo e continuar a conversa, ou assine o meu feed e obter artigos como este emitido automaticamente para o seu leitor de feed.