Monday, December 31, 2012

Mengetahui Kode HTML Yang Ada di Elemen Blog

Menyambung dengan artikel Mengedit Tampilan Widget Blogger Berbeda Beda yang sudah di posting beberapa hari yang lalu, kali ini saya akan mencoba menjelaskan poin yang belum jelas yaitu pada edit CSS bagian title widget, yang abu abu antara h2 dan h3. Nah, kali ini kita akan mencoba mengupas sebenarnya apakah abu abu lebih ke hitam atau lebih ke putih.

Mengetahui tag yang terdapat pada title widget sangatlah penting, kenapa?? Tentu saja dengan mengetahuinya, maka kita akan bisa mengkostumisasikannya sesuka hati. Tag benar, CSS benar :D. Cara di bawah ini akan sangat membantu, bukan hanya untuk title widget, juga bisa untuk elemen elemen lain pada blog sobat. Sebelumnya, untuk permulaan silahkan sobat membaca artikel ini.

Untuk menentukan tag yang tepat sebenarnya sangat mudah, sobat hanya memerlukan firebug atau developer ekstension. Cara ini saya khususkan untuk browser Google Chrome. Namun, jika ada yang ingin untuk browser lain, bisa komen di kotak komentar. Lagi mau lihat pasar dulu :D

Disini saya akan contohkan untuk melihat tag pada title widget. Pertama yang harus sobat lakukan, adalah membuka ini. Kemudian tekan CTR: + SHIFT + I. Setelah itu, akan muncul seperti ini.
Kemudian sobat arahkan kursor ke bagian bawah sebelah kiri. Sehingga hasilnya akan seperti ini.
Kemudian arahkan ke title widget hingga muncul seperti ini.
Kemudian lihat di bagian bawah layar, maka akan terlihat kode html kurang lebih seperti ini.
Maka, dengan begitu dapat disimpulkan bahwa title widget blog menggunakan kode H3. Dengan begitu maka konfigurasi CSSnya menjadi seperti ini
.sidebar h3 {
...................
}
Kemudian cari kode ini di CSS sobat, atau buat baru jika tidak ada. Dan konfigurasikan sesuka hati. Dan, selamat tahun baru 2013 besok :D

Baca Juga

Mengetahui Kode HTML Yang Ada di Elemen Blog
4/ 5
Oleh
Tampilkan Komentar
Sembunyikan

1 komentar:

Anonymous
January 3, 2013 at 6:57 AM delete

makasih atas info yang bermanfaat ini..

Reply
avatar