Tips mengubah kode warna HTML blog

Hi Welcome, Terima kasih sudah berkunjung ke blog ini. Jika anda merasa tulisan di blog ini bermanfaat, silahkan subscribe untuk mendapatkan informasi setiap ada tulisan baru di blog ini. Terima Kasih dan Salam, Blogger Pemula

Mengubah warna tampilan blog seperti background, font, dan lainnya bisa dilakukan dengan mengubah kode warna HTML yang ada di themes blog tersebut. Untuk blogspot.com mengubah warna blog dapat dilakukan dengan mudah pada bagian “templates” >> “Font & Colors”. Untuk blog wordpress gratisan (wordpress.com) hal ini tidak bisa dilakukan, kecuali dengan mengganti themes. Sedangkan untuk blog wordpress.org (hosting sendiri), mengubah warna blog bisa dilakukan melalui “Appereance” >> “Editor” >> “style.css”.

Buat blogger pemula yang belum terlalu paham dengan kode html dan edit css, berikut ada beberapa tips yang bisa dilakukan:

1. Install wordpress di komputer lokal, dan install themes yang ingin diedit. Lakukan modifikasi di wordpress lokal komputer sebelum diterapkan ke blog wordpress kita yang sebenarnya, agar bisa dilakukan secara offline dan juga lebih aman.
2. Sesuaikan warna yang dipilih dengan warna image themes yang digunakan. Untuk melihat images yang ada di themes bisa dengan klik kanan pada blog kita dan klik “view background image” atau lihat langsung di folder “images” themes yang digunakan.
3. Kode warna HTML umumnya ditulis dalam format 3 angka atau 6 angka dengan diawali tanda pagar (#). Kode warna ini yang bisa kita ubah di CSS untuk mengubah tampilan warna blog.
4. Tiap themes memiliki gaya penulisan CSS yang berbeda, meskipun hasilnya sama. Secara umum, themes menggunakan penamaan class sebagai berikut: background (untuk latar belakang), color (untuk text), hover (untuk text atau background kedua), active (untuk text atau background yang sedang aktif), dll.
5. Sebagian themes menggunakan background dalam bentuk image sehingga warnanya tidak bisa kita ubah secara langsung. Hilangkan image ini dan ganti dengan warna yang diinginkan pada bagian background. Atau ubah terlebih dahulu warna background image ini menggunakan program image editor seperti Photoshop atau Microsoft Image Editor.
6. Bila kita tidak mengetahui kode warna yang mana yang harus diubah, coba lakukan perubahan warna satu per satu dengan warna yang contrast terlebih dahulu.

Kode Warna HTML

Berikut adalah sebagian besar kode warna HTML yang bisa digunakan.
[caption id="attachment_1197" align="aligncenter" width="439" caption="kode warna HTML hexatable"][/caption]

Mengubah warna tampilan blog seperti background, font, dan lainnya bisa dilakukan dengan mengubah kode warna HTML yang ada di themes blog tersebut. Untuk blogspot.com mengubah warna blog dapat dilakukan dengan mudah pada bagian “templates” >> “Font & Colors”. Untuk blog wordpress gratisan (wordpress.com) hal ini tidak bisa dilakukan, kecuali dengan mengganti themes. Sedangkan untuk blog wordpress.org (hosting sendiri), mengubah warna blog bisa dilakukan melalui “Appereance” >> “Editor” >> “style.css”.

Buat blogger pemula yang belum terlalu paham dengan kode html dan edit css, berikut ada beberapa tips yang bisa dilakukan:

1. Install wordpress di komputer lokal, dan install themes yang ingin diedit. Lakukan modifikasi di wordpress lokal komputer sebelum diterapkan ke blog wordpress kita yang sebenarnya, agar bisa dilakukan secara offline dan juga lebih aman.
2. Sesuaikan warna yang dipilih dengan warna image themes yang digunakan. Untuk melihat images yang ada di themes bisa dengan klik kanan pada blog kita dan klik “view background image” atau lihat langsung di folder “images” themes yang digunakan.
3. Kode warna HTML umumnya ditulis dalam format 3 angka atau 6 angka dengan diawali tanda pagar (#). Kode warna ini yang bisa kita ubah di CSS untuk mengubah tampilan warna blog.
4. Tiap themes memiliki gaya penulisan CSS yang berbeda, meskipun hasilnya sama. Secara umum, themes menggunakan penamaan class sebagai berikut: background (untuk latar belakang), color (untuk text), hover (untuk text atau background kedua), active (untuk text atau background yang sedang aktif), dll.
5. Sebagian themes menggunakan background dalam bentuk image sehingga warnanya tidak bisa kita ubah secara langsung. Hilangkan image ini dan ganti dengan warna yang diinginkan pada bagian background. Atau ubah terlebih dahulu warna background image ini menggunakan program image editor seperti Photoshop atau Microsoft Image Editor.
6. Bila kita tidak mengetahui kode warna yang mana yang harus diubah, coba lakukan perubahan warna satu per satu dengan warna yang contrast terlebih dahulu.

Kode Warna HTML

Berikut adalah sebagian besar kode warna HTML yang bisa digunakan.
[caption id="attachment_1197" align="aligncenter" width="439" caption="kode warna HTML hexatable"][/caption] Tags: kode warna, mengubah warna, warna blog, warna HTML