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:
  1. Untuk memberikan shortcut link menuju relation web blog ri32 (wordpress, labhouse, 4shared)
  2. Untuk memasukan katakunci pencarian informasi di google (web, image)
  3. Untuk menampilkan icon jejaring sosial blog ri32 (facebook, twitter)
Struktur File dan Folder
+- mytoolbar/
+- install.rdf
+- chrome.manifest
+- chrome/
+- content/
+- mytoolbar.xul
+- mytoolbar.js
+- skin/
+- facebook.png
+- gripper.png
+- images.png
+- wp.png
+- web.png
+- mytoolbar.css
file-file yang dibutuhkan dalam membuat Add-Ons ini adalah sebagai berikut :
  1. install.rdf  digunakan untuk memberikan rincian informasi dari Add-ons yang kita buat
  2. chrome.manifest digunakan untuk mendefinisikan alamat dari paket file yang digunakan
  3. mytoolbar.xul digunakan untuk mengatur tampilan keseluruhan dari add-ons yang dibuat
  4. mytoolbar.js digunakan untuk menangani event atau proses yang dilakukan
  5. mytoolbar.css digunakan untuk mengatur tampilan, dan gambar Add-Ons
Potongan Script (install.rdf)
<?xml version=”1.0??>
<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>
Potongan Script (chrome.manifest)
content mytoolbar chrome/content/
overlay chrome://browser/content/browser.xul chrome://mytoolbar/content/mytoolbar.xul
skin mytoolbar classic/1.0 chrome/skin/
Download
  • Sourcecode
  • Application
Cara Menginstall Add-Ons
Adapun cara untuk menginstall sebuah add-ons yaitu :
  1. Cara pertama Download Application untuk mendapatkan file mytoolbar.xpi
  2. Setelah itu Open File (Ctrl+o) dari browser mozila dan cari file mytoolbar.xpi
  3. Klik tombol Open dan ikuti langkah penginstalan
  4. Setelah selesai biasanya ada perintah untuk restart browser mozila
Cara Uninstall Add-Ons
Jika ingin menonaktifkan sebuah add-ons atau bahkan ingin menghapus add-ons dari browser mozila langkahnya adalah sebagai berikut :
  1. Buka browser mozila
  2. Pilih menu Tools>Add-Ons (Ctrl+Shift+A)
  3. Pilih bagian Exstensions
  4. Cari Add-ons yang ingin di disable atau remove
  5. Restart browser mozila
  6. Selesai
Tempat Menyimpan Add-Ons
Add-ons yang anda install biasanya terdapat pada direktori :
C:Documents and Settings[Nama Anda]Application DataMozillaFirefox

Go to link Download

Read more »

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 :
Terlihat gambar web yang diambil hanya sebagian saja, Akan tetapi kalau mau mengambil gambarnya secara keseluruhan bagaimana caranya? Seperti gambar dibawah 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 :
  1. Arahkan Browser Mozilla anda ke https://addons.mozilla.org/en-us/firefox/addon/awesome-screenshot-capture-/.
  2. Klik Add To Firefox untuk menambahkannya ke dalam add ons > Install kemudian Restart Mozilla FireFox anda.
  3. Untuk mengambil gambar sebuah website yang ingin kita capture, klik gambar lingkaran yang ada di sudut toolbar.
  4. Atau dengan meng-klik kanan pada mouse > Awesome Screenshoot > Capture Full Page.
  5. Klik Done untuk melanjutkan, lalu klik Save untuk menyimpan screenshot.
Add ons ini juga memilik beberapa Tools untuk pilihan Screenshot.diantaranya adalah :
  • 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.
Fitur-fitur singkat yang memang sangat di perlukan untuk seorang penulis sejati. Selamat Mencoba!.

 


Go to link Download

Read more »