pendatang baru

Browse Manual » Wiring » Elemen » Firefox » Inspect » Menggunakan » pada » Menggunakan Inspect Elemen pada Firefox

---

Menggunakan Inspect Elemen pada Firefox

Lama melintang dididunia maya pasti akan memperlukan web browser. namun, tahukah anda bahwa didalam web browser yang satu ini ada fitur yang dapat digunakan sebagai preview dari editing halaman web??

Ok.. langsung saja kita bahas...
Pembaca tentuh sudah tahu dengan yang namanya browser mozilla firefox (browser rubah api). yaa... firefox memang merupakan browser yang sekarang ini banyak digunakan. Bahkan menurut saya pribadi saya lebih suka menggunakan firefox daripada menggunakan yang lain.

Alasannya?
user friendly donkkk..... selain itu ada satu hal lagi.

Bisa dikatan saya adalah seorang blogger yang baru tapi lama. Kenapa?
Saya sudah menggunakan blog ini sejak 2009, namun baru aktif di 2012. di tiga tahun itu saya lebih tertarik ke hacking dan kawan-kawannya hingga kadang saya cuma bisa menghancurkan komputer saja.. hehe...
dari pengalam tersebut saya mendapat banyak manfaat bahwa sebenarnya kita kadang susah mencari tool yang bermanfaat tapi mudah tuk digunakan.

Sekarang kita mulai bahas inspect element ini. namun, saya khususnya untuk dijadikan alat preview bagi blog pembaca yang ingin di edit. jadi. bisa di preview dulu menggunakan fiture ini sebelum ke edit templatenya.

Tetapi sebelumnya kita kenalan dulu dengan toolbarnya. Oke?

• Sebelah bawah adalah menu html dan tipologi html pada page yang pembaca buka, disana ada sebuah tul yang nantinya akan membantu yaitu tool "select element with mouse (return), tool inilah yang nantinya akan kita gunakan untuk mengetahui. letak sebuah script suatu element dalam kode html
• Disebelah kanan adalah menu rules dan computed (fungsinya bisa dibaca sendiri dengan menyorot pada tombol tersebut, hehehe...)

Sekarang mari kita editing html dengan menggunakan fiture inspect element.

1. buka halaman web pembaca yang ingin di edit
2. silahkan pembaca buka satu halaman lagi (dengan langsung masuk pada halaman edit HTML blog pembaca)
3. klik kanan pada web/log yang mau diedit tadi.
4. Klik inspect element (Q)
5. Gunakan select element with mouse untuk menyorot element blog yang mau di edit.
6. Pada bagian kanan pilih menu rules (untuk mengedit CSS)
7. Silahkan tentuhkan yang mau di edit. pada bagian rules
   Di bagian ini pembaca bisa melihat / mengedit halaman caranya dengan merubah kode CSS didalam menu rules tersebut.
8. Setelah editing dirasa cukup Pembaca bisa melihat tulisan yang berada dibawah tulisan inline (lihat itu masukkan kode apa?)
9. setelah itu gunakan pencarian cepat menu find
10. Masukkan kode dibawah inline kedalam pencarian cepat.
11. Geser ke tab Edit HTML yang telah dibuka tadi.
12. cari dengan menklik tombol next.
13. setelah ketemu tinggal dirubah
14. Habis itu klik save tample.

Jangan lupa beckup template dulu sebelum melakukan editing.
atau bisa juga editing dilakukan di HTML editor seperti komodo editor. bisa baca dulu disini

sekian artikel tentang menggunakan Inspect element untuk mengedit blog.
jika ada yang masih belum paham. jangan ditanyakan... hehehehe.....

Mungkin saja ada kode yang berbeda tapi, itu tinggal pintar-pintarnya pembaca mensiasatinya, karena sejatinya semua itu sama saja.
kalau bingung letaknya dimana bisa lihat di tipologi html yang ada di bawah...