Minggu, 22 Januari 2012

Firebug, Add-on Mozilla Yang Wajib Anda Install

Anda mungkin mengetahui bahwa saya adalah fans berat Mozilla. Ya, ini karena Mozilla memiliki banyak add-on yang berguna. Satu di antaranya adalah Firebug, yang membantu saya mendalami CSS dan HTML.

Jika Anda pengguna Mozilla yang senang atau baru belajar CSS untuk mendesain tampilan blog, Firebug wajib Anda instal. Di bawah ini adalah cara instal dan menggunakan Firebug.

Cara Install Firebug

1. Kunjungi situs Firebug.

2. Jika Anda menggunakan Mozilla Firefox 4, lihat Release Notes yang terletak di bagian bawah halaman situs Firebug. Klik tombol Add to Firefox.

Tombol Add to Firefox

3. Klik link instal yang muncul.

4. Setelah diinstal, restart browser Mozilla Anda untuk mengaktifkan Firebug.

Cara Menggunakan Firebug

Ada banyak kegunaan Firebug, satu di antaranya adalah mengetahui ukuran dan jenis huruf yang digunakan blog orang lain.

1. Kunjungi blog yang ingin Anda ketahui ukuran dan jenis hurufnya, misalnya DailyBlogTips.com (DBT).

2. Setelah blog tersebut terbuka sempurna, Tekan tombol F12 pada papan ketik komputer Anda atau ikon Firebug yang ada di pojok kanan bawah browser Mozilla Anda.

3. Akan muncul tampilan Firebug. Klik tanda ikon untuk menginspeksi (berupa tanda panah).

element ispection

4. Arahkan ikon tersebut ke bagian yang ingin Anda inspeksi, misalnya bagian konten sehingga muncul tanda seleksi berupa kotak biru.

selection

5. Klik kanan kursor tersebut.

6. Ukuran dan jenis hurup akan muncul di bagian CSS (kolom kanan tampilan Firebug). Pada contoh ini, DBT menggunakan huruf Verdana berukuran 13 px.

tampilan CSS

7. Selain bagian konten, Anda juga menginspeksi CSS bagian lain seperti sidebar, header, dan sebagainya.

Selamat mencoba!

Tidak ada komentar:

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.