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.
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.
- Dengan berdasarkan URL diatas kita sudah bisa membuat sebuah search add-ons.
- Tags XML nya bisa kita lihat di https://developer.mozilla.org/en/Creating_OpenSearch_plugins_for_Firefox, tapi akan sedikit kita modif supaya bisa jalan juga di Firefox 3.5 (walaupun sebenarnya kalau di kopi langsung ke folder ../searchplugins bisa jalan).
<SearchPlugin xmlns=”http://www.mozilla.org/2006/browser/search/”>
<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&client=firefox&hl={moz:locale}&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.
No trackbacks yet.