Posts Tagged ‘ add-ons ’

Membuat Search Add-on Mozilla Firefox

Untuk mempermudah mencari suatu file atau halaman diinternet, kita bisa menggunakan search engine. Pada browser modern seperti Firefox, IE, OPera, chrome, Safari dan lain-lain, sudah disediakan kolom tersendiri untuk menggunakan search engine favorite kita.
Firefox Search Add-ons

Disini saya akan menjelaskan bagaimana cara membuat add-ons/plugin search tersebut. Pada setiap website besar biasanya sudah tersedia fasilitas mesin pencari. Saya disini mengambil contoh https://mocopat.wordpress.com. Kita disini akan menggunakan bahasa pemrograman XML untuk pembuatannya. Langsung saja ke praktiknya.

  • Langkah pertama yang harus dilakukan adalah melihat URL yang ditimbulkan setelah proses pencarian. Pada gambar dibawah adalah URL untuk pencarian dengan keyword linux.search-url

<SearchPlugin xmlns=”http://www.mozilla.org/2006/browser/search/”&gt;
<ShortName>Mocopat Search</ShortName>
<Description>Mocopat Search by mocopat.wordpress.com</Description>
<InputEncoding>UTF-8</InputEncoding>
<Image width=”16″ height=”16″>data:image/x-icon;base64,imagecode</image>
<Url type=”application/x-suggestions+json” method=”GET” template=”http://suggestqueries.google.com/complete/search?output=firefox&amp;client=firefox&amp;hl={moz:locale}&amp;q={searchTerms}”>
<Param name=”action” value=”opensearch”/>
<Param name=”s” value=”{searchTerms}”/>
</Url>
<Url type=”text/html” method=”GET” template=”https://mocopat.wordpress.com/“>
<Param name=”s” value=”{searchTerms}”/>
<Param name=”sourceid” value=”Mozilla-search”/>
</Url>
<SearchForm>https://mocopat.wordpress.com/</SearchForm>
</SearchPlugin>

Simpan script diatas dengan nama mocopat.xml. Untuk mencobanya, kopi mocopat.xml ke:

C:\Program Files\Mozilla Firefox\searchplugins\

Kemudian restart Mozilla Firefox.

Pada script diatas, search engine yang kita buat belum termasuk icon, untuk memasukkan icon supaya jadi satu dengan script, kita bisa menggunakan teknik encode. Ada banyak website yang menyediakan encoding gratis, salah satunya di http://www.motobit.com/util/base64-decoder-encoder.asp. Atau bisa dicari lewat google. Sebelumnya sediakan icon yang akan di encoding, biasanya memakai ukuran 16×16 px dengan format *.png atau *.ico. Hasil encoding akan menghasilkan karakter acak yang panjang, seperti contoh berikut:

iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8……….

Kopi karakter  hasil encoding tersebut ke imagecode, sekarang sempurna sudah search add-ons untuk Mozilla Firefox kita.

Otomatis Install Add-ons pada website.

Supaya orang lain bisa menggunakan Add-ons yang kita buat, kita harus memasangnya di website, dengan catatan web tersebut support Javascript. Script-nya sebagai berikut:

<a href="javascript:window.external.AddSearchProvider('http://web-anda.com/mocopat.xml');void(0)">Mocopat Search Engine</a>

Atau anda juga bisa menggunakan gambar sebagai menu-nya. Anda bisa melihat contoh hasilnya di http://f1dz.smart-ics.com/

Semoga bermanfaat.