Sebenarnya ini tulisan lama (hampir setahun lalu) yang belum sempat saya publish. Ada 3 tulisan yang masih berupa draft yang belum sempat saya edit, salahsatunya adalah tulisan ini. Karena itu mungkin tutorial ini terbilang basi. Tapi daripada tidak ada sama sekali, mendingan dipublikasikan, siapa tahu ada di antara sobat yang membutuhkannya.

Masih ingat dengan artikel tentang inspect element Google Chrome? Bagi pengguna browser Google Chrome, adanya inspect element ini akan sangat membantu dalam mengedit HTML blognya. Lalu bagaimana dengan yang tidak menggunakan Google Chrome? Nah, bagi kamu pengguna browser Firefox, ada addons yang bisa kamu tambahkan untuk melakukan inspect element, yaitu addons Firebug.

Cara menggunakan inspect element Firebug hampir sama dengan cara pada inspect element Google Chrome. Hanya bentuk tampilan dan cara melihat elemen-elemennya saja yang sedikit berbeda. Sebagai contoh dapat kamu lihat pada gambar berikut:

Dengan melakukan klik kanan mouse pada elemen yang akan dilihat, lalu memilih inspect element:

maka akan terlihat elemen-elemen yang terdapat di dalamnya, baik berupa kode warna, margin, padding, background, dll., sehingga memudahkan kamu untuk mengedit HTML template:


Bagi kamu yang ingin menambahkan addons ini, lakukanlah hal-hal berikut:

• Kunjungi https://addons.mozilla.org/en-US/firefox/addon/firebug/.
  (atau http://getfirebug.com untuk memilih versi yang diinginkan)
  
• Pada halaman Addons Firebug, klik Download Now.
  
• Setelah muncul jendela Sofware Installation, klik Install Now.
  
• Setelah penginstallan selesai, klik Restart.
  

Nah, sekarang lihat status bar Firefox atau Flock yang ada di sebelah kanan bawah. Jika sudah muncul gambar serangga (bug) berarti penambahan addons ini sudah berhasil.

Ok sob, segitu saja informasinya. Semoga bermanfaat .....