CARA MUDAH UTAK - ATIK CSS

Sediakan sebuah IE 8.

Ini dia yang jadi topik : F12.

Buka saja blog anda dengan IE 8 (hanya IE 8 yang support). Jika sudah terbuka secara komplit, tekan F12 pada tuts keyboard. Maka akan muncul hal ini.

Maka ia akan menempel pada window IE.

Sekarang mari kita menyimak tool - tool yang ditawarkan.
1. Gambar Pointer : digunakan untuk menyeleksi daerah (area) yang kita ingin tahu kode CSS-nya. Klik gambar pointer itu, maka kemudian arahkan ke halaman blog kita di atas. Maka akan muncul sebuah kotak - kotak yang otomatis terbentuk mengikuti aturan dari tiap CSS yang telah ada, misalnya body, content, sidebar, post-header. KLIK, dan pada bagian bawah (developer tool) akan keluar diagram CSS tempat peletakan kode CSS pada halaman tersebut. Hal ini sangat berguna sebab, jika kita menggunakan sistem manual (mencari sendiri) maka hal ini akan memakan waktu yang cukup lama.

Seperti pada gambar, aku meng-klik sebuah area. Maka ketika telah diklik, pada bagian bawah (developer tool) akan ter-blok sebuah batang dari CSS itu berada.

2. Style-Trace Style-Attribute

Untuk melihat tree dari CSS yang digunakan. Pada bagian inilah, kita dapat merubah - rubah sedikit dari kode CSS tersebut. Misalnya, memberi warna dan memberi border. Rubah saja angka - angka atau aturan yang tertulis, maka tampilan blog (bagian atas) akan ikut berubah. Khusus pada Attribute, anda juga dapat menambahkan format CSS tambahan.

CONTOH : aku mau rubah warna backgroud pada area posting.
Maka pada Attribute tinggal ditambahkan "backgroud-color" dan diberi sebuah nilai warna.

Nah, mau mencoba ? Silahkan cari IE 8. Ingat hanya IE 8.

CATATAN PENTING : APA YANG DIRUBAH LEWAT DEVELOPER TOOL INI TIDAK MENGUBAH CSS ASLI DARI BLOG ANDA !!!!

Jadi kawan - kawan hanya "mencoba - coba" saja. Tapi dengan tool ini, kawan - kawan dapat terbantu untuk mencari kode CSS yang sangat rumit.

Tapi, bagi yang gak doyan pake IE, tunggu saja lanjutannya untuk yang hobi pake Mozilla Firefox. He-he-he.

Yang kasih tahu tips ini orang MICROSOFT lho.