Thursday, October 27, 2016
Cara Membuat Add Ons Extensions Browser Mozila Firefox
Cara Membuat Add Ons Extensions Browser Mozila Firefox
Pendahuluan
Add-Ons adalah software plugin, ekstensi, atau tema yang menambah cantik dan mengkustom aplikasi berbasis Mozilla. dalam artikel ini saya akan membahas secara singkat cara membuat Add-Ons untuk browser mozila. adapun kegunaan dari Add-Ons ini adalah:
- Untuk memberikan shortcut link menuju relation web blog ri32 (wordpress, labhouse, 4shared)
- Untuk memasukan katakunci pencarian informasi di google (web, image)
- Untuk menampilkan icon jejaring sosial blog ri32 (facebook, twitter)
Struktur File dan Folder
+- mytoolbar/file-file yang dibutuhkan dalam membuat Add-Ons ini adalah sebagai berikut :
+- install.rdf
+- chrome.manifest
+- chrome/
+- content/
+- mytoolbar.xul
+- mytoolbar.js
+- skin/
+- facebook.png
+- gripper.png
+- images.png
+- wp.png
+- web.png
+- mytoolbar.css
- install.rdf digunakan untuk memberikan rincian informasi dari Add-ons yang kita buat
- chrome.manifest digunakan untuk mendefinisikan alamat dari paket file yang digunakan
- mytoolbar.xul digunakan untuk mengatur tampilan keseluruhan dari add-ons yang dibuat
- mytoolbar.js digunakan untuk menangani event atau proses yang dilakukan
- mytoolbar.css digunakan untuk mengatur tampilan, dan gambar Add-Ons
<?xml version=1.0??>Potongan Script (chrome.manifest)
<RDF xmlns=http://www.w3.org/1999/02/22-rdf-syntax-ns#
xmlns:em=http://www.mozilla.org/2004/em-rdf#>
<Description about=urn:mozilla:install-manifest>
<! Item yang dibutuhkan >
<em:id>mytoolbar@ri32.wordpress.com</em:id>
<em:name>Toolbar Blog Ri32</em:name>
<em:version>1.00</em:version>
<em:targetApplication>
<Description>
<em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id>
<em:minVersion>1.5</em:minVersion>
<em:maxVersion>6.*</em:maxVersion>
</Description>
</em:targetApplication>
<! Item pilihan >
<em:creator>Agus Sumarna</em:creator>
<em:description>Add-Ons untuk menampilkan link Relation Web blog Ri32</em:description>
<em:homepageURL>http://ri32.wordpress.com</em:homepageURL>
</Description>
</RDF>
content mytoolbar chrome/content/Download
overlay chrome://browser/content/browser.xul chrome://mytoolbar/content/mytoolbar.xul
skin mytoolbar classic/1.0 chrome/skin/
- Sourcecode
- Application
Adapun cara untuk menginstall sebuah add-ons yaitu :
- Cara pertama Download Application untuk mendapatkan file mytoolbar.xpi
- Setelah itu Open File (Ctrl+o) dari browser mozila dan cari file mytoolbar.xpi
- Klik tombol Open dan ikuti langkah penginstalan
- Setelah selesai biasanya ada perintah untuk restart browser mozila
Jika ingin menonaktifkan sebuah add-ons atau bahkan ingin menghapus add-ons dari browser mozila langkahnya adalah sebagai berikut :
- Buka browser mozila
- Pilih menu Tools>Add-Ons (Ctrl+Shift+A)
- Pilih bagian Exstensions
- Cari Add-ons yang ingin di disable atau remove
- Restart browser mozila
- Selesai
Add-ons yang anda install biasanya terdapat pada direktori :
C:Documents and Settings[Nama Anda]Application DataMozillaFirefox
Go to link Download