Mengetahui ukuran lebar dan tinggi dari bagian struktur blog yaitu header, footer, sidebar, post/posting, body blog dan content sangatlah penting. Sebab hal itu nantinya akan dijadikan sebagai pedoman dalam merubah kode Css template blog untuk memperoleh tampilan blog yang diinginkan.
Untuk Mengetahui atau melihat ukuran bagian blog, dapat dilakukan dengan
berbagai cara, diantaranya adalah dengan memanfaatkan fasilitas yang
telah disediakan oleh browser. Dalam hal ini kita pakai Mozilla Fire Fox
dan Chrome.
Berikut langkah demi langkah cara melihat ukuran bila memakai Browser Mozilla Fire Fox (contoh melihat ukuran header, sidebar dan footer):
Langkah 1: Tampilkan blog dengan browser mozilla, lalu Arahkan mouse / pointer ke bagian blog yang ingin diketahui ukurannya kemudian klik kanan.
Langkah 2: Klik Inspect Element sehingga layar akan terbelah menjadi dua bagian.
Langkah 3 : Bidang yang dituju akan ditampilkan dengan garis batas terputus - putus. Bila belum ketemu, geser cursor / pointer ke atas dan ke bawah pada kode - kode tag belahan bawah layar lalu klik.
Langkah 4: Bila bidang yang dituju sudah ketemu, untuk mengetahui ukurannya teruskan dengan meng klik "Box Model" yang terletak di belahan bawah layar sebelah pojok kanan atas.
Nampak ukuran bidang "lebar x tinggi" dalam satuan pixel. Lebih jelasnya, lihat Gambar Ukuran Header, Ukuran Sidebar dan Ukuran Footer.
Jika memakai browser Google Chrome langkah - langkahnya hampir sama:
Langkah 1: Tampilkan blog dengan browser Chrome, lalu Arahkan mouse / pointer ke bagian blog yang ingin diketahui ukurannya kemudian klik kanan.
Langkah 1: Tampilkan blog dengan browser Chrome, lalu Arahkan mouse / pointer ke bagian blog yang ingin diketahui ukurannya kemudian klik kanan.
Langkah 2: Klik Kanan Periksa Elemen sehingga layar akan terbelah menjadi dua bagian.
Langkah 3: Bidang yang dituju akan
ditampilkan dengan warna yang lebih terang dari bidang lainnya. Bila belum ketemu, geser cursor / pointer ke atas dan ke bawah pada kode - kode tag belahan bawah layar lalu klik.
Ukuran dari bidang yang dituju akan muncul di bawah bidang yang bercahaya lebih terang seperti yang terlihat pada Gambar Ukuran Header, Ukuran Sidebar dan Ukuran Footer.
Ukuran dari bagian blog yang telah diketahui dapat dijadikan acuan dalam meng edit atau merubah bagian blog yang lainnya, yaitu:
- Body blog
- Footer
- Header
- Sidebar
- Post / Posting
- Gadget / Widget.
makasih infonya, bermanfaat sekali.
BalasHapus