Rabu, 08 Mei 2013
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. sebagian blogger pasti merasa bosan apabila harus bolak-balik kemenu template untuk mengedit HTML, nah dari itu maka kita bisa menggunaka Inspect Element untuk mempermudahnya. tapi sobat blogger mesti mahamin duli toolbar-toolbarnya.
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
Sekarang mari kita editing html dengan menggunakan fiture inspect element.
- buka halaman web pembaca yang ingin di edit
- silahkan pembaca buka satu halaman lagi (dengan langsung masuk pada halaman edit HTML blog pembaca)
- klik kanan pada web/log yang mau diedit tadi.
- Klik inspect element (Q)
- Gunakan select element with mouse untuk menyorot element blog yang mau di edit.
- Pada bagian kanan pilih menu rules (untuk mengedit CSS)
- 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. - Setelah editing dirasa cukup Pembaca bisa melihat tulisan yang berada dibawah tulisaninline (lihat itu masukkan kode apa?)
- setelah itu gunakan pencarian cepat menu find
- Masukkan kode dibawah inline kedalam pencarian cepat.
- Geser ke tab Edit HTML yang telah dibuka tadi.
- cari dengan menklik tombol next.
- setelah ketemu tinggal dirubah
- Habis itu klik save tample.
