Mengetahui letak dan properti elemen template blog secara langsung

Urusan memodifikasi template blog tidak terlepas dari yang namanya pemahaman akan bahasa-bahasa atau kode pemograman, saat ini untuk sekedar mempercantik blog dengan cara merevisi kode template sudah bukan hal sulit lagi, hanya dengan mengetikkan kata-kunci pada mesin pencari ribuan bahkan jutaan web/blog seketika itu juga keyword yang dimaksud akan muncul :p .

Kalau itu sih,  anak kecil juga tahu..!?? :x :x :x tapi yang menjadi masalah adalah bagaimana mengetahui posisi dan properti elemen template yang dimaksud secara kasat mata alias langsung ???:k gampang...!!, bagi yang menggunakan Browser Firefox senyum dulu dunk.? and say "CHEERSSS!!!" :$ :$ :$ , karena dengan menggunakan salah satu Add-ons Mozilla urusan deteksi elemen template blogspot beserta propertinya bisa jadi lebih menyenangkan, caranya cukup mudah, yaitu:

1. Pertamaxxx instal dulu Add-ons browser firefox yang dimaksud, yaitu Firebug. caranya dengan men-klik ini.
2. Setelah muncul halaman web firebug klik tombol Add to Firefox dan ikuti petunjuk selanjutnya.
3. Setelah proses instal selesai (muncul perintah untuk restart browser) pilih OK.

Cara menggunakan Add-ons Firebug

1. Setelah Browser selesai di restart, perhatikan bagian "kanan bawah" browser terdapat icon kecoak Firebug, klik icon tersebut.
   
   
   

   

   posisi icon firebug

2. Akan tampil bottom bar (toolbar dibagian bawah browser).
3. Buka halaman blog Anda yang ingin diperiksa. Klik tombol HTML akan muncul tampilan seperti pada SC dibawah
   
   

   

   contoh tampilan Padding dan margin menggunakan Firebug (sreen capture)

4. Kemudian arahkan kursor ke bagian yang ingin dilihat, pada contoh diatas saya mengarahkan kursor pada bagian "main-wrapper" (Body >> content-wrapper >> main-wrapper) dan terlihat bagian tersebut di-masking dengan warna Biru muda (Transparan), padding berwarna ungu dan margin-nya berwarna kuning.

Semoga tools ini bisa bermanfaat, Trims for coming and don't forget to leave comment OK :D :D :D