Showing posts with label ons. Show all posts
Showing posts with label ons. Show all posts
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
Monday, October 24, 2016
Cara Membuat ScreenShot Full Page Dengan Add Ons Mozilla
Cara Membuat ScreenShot Full Page Dengan Add Ons Mozilla
Biasanya kita kalau ingin membuat suatu screenshot pasti menekan tombol Prnt Scrn terus di paste ke dalam Paint atau Photoshop. Tentu saja ini memiliki beberapa masalah, salah satunya adalah pengambilan gambar menjadi seperti tidak diingini. Misalnya anda ingin membuat ScreenShot gambar website Blog FastNcheap ini. Maka kalau menggunakan Prnt Scrn, hanya sebagian Website saja yang tertangkap gambarnya. Lihat Contoh gambar di bawah ini :

Trik nya disini adalah, kita menggunakan Add Ons Gratis dari Mozilla. Nama Add Ons nya adalah Awesome ScreenShot Capture.
Ok kita langsung saja dengan pemahaman installasinya :


Terlihat gambar web yang diambil hanya sebagian saja, Akan tetapi kalau mau mengambil gambarnya secara keseluruhan bagaimana caranya? Seperti gambar dibawah ini :

Ok kita langsung saja dengan pemahaman installasinya :
- Arahkan Browser Mozilla anda ke https://addons.mozilla.org/en-us/firefox/addon/awesome-screenshot-capture-/.
- Klik Add To Firefox untuk menambahkannya ke dalam add ons > Install kemudian Restart Mozilla FireFox anda.
- Untuk mengambil gambar sebuah website yang ingin kita capture, klik gambar lingkaran yang ada di sudut toolbar.
- Atau dengan meng-klik kanan pada mouse > Awesome Screenshoot > Capture Full Page.
- Klik Done untuk melanjutkan, lalu klik Save untuk menyimpan screenshot.
- Fitur Crop Foto yang akan memotong gambar sesuai keinginan anda.
- Rectangle untuk membuat garis secara persegi atau kotak.
- Ellipse untuk membuat garis secara melengkung atau bulat.
- Arrow untuk membuat gambar panah.
- Line untuk membuat garis lurus.
- Free Line untuk membuat garis sesuai keinginan kita, seperti menggambar.
- Blur untuk mengaburkan gambar yang ingin kita Screen, seperti ada beberapa bagian yang ingin kita kaburkan.
- Text untuk menuliskan text ke dalam gambar.
- Choose Color untuk mengubah warna garis atau warna text.
- Add ons ini memiliki 2 buah pilihan type gambar yang ingin disimpan, yaitu JPG dan PNG.
Go to link Download
Subscribe to:
Posts (Atom)