Cara Mengubah Warna Tampilan Blog
July 2, 2015
Tips blogging berikut ini berisi cara mengubah warna blog: warna background, warna huruf, warna widget, warna sidebar, warna judul, warna apa pun deh di desain tampilan blog!
SALAH satu masalah yang dihadapi "newbie" adalah bagaimana cara mengubah warna tampilan blog, misalnya warna latar belakang menu, atau header dari hitam ke merah dst.
Mengubah warna tampilan blog sangat mudah, yaitu tinggal mengganti kode warna HTML-nya di template.
Lihat Kode Warna HTML
Contohnya, kita mau mengubah warna background menu:
Warna background atau latar desain blog biasanya ada di bagian kode body. Seperti ini:
Nah, tinggal ganti saja kode warna putih (#ffffff) itu dengan warna lain.
Demikian Cara Mengubah Warna Tampilan Blog dan lainnya, dengan catatan: jangan habiskan waktu dan energi Anda ke desain tampilan, tapi fokuslah ke Konten Berkualitas sebagaimana disarankan Google!
Warna tidak pengaruh bagi indeks Google! Warna hanya masalah "selera" dan "estetika". Warna dan desain yang kita pilih dan sukai, belum tentu disukai pengguna.
Good Luck!
SALAH satu masalah yang dihadapi "newbie" adalah bagaimana cara mengubah warna tampilan blog, misalnya warna latar belakang menu, atau header dari hitam ke merah dst.
Mengubah warna tampilan blog sangat mudah, yaitu tinggal mengganti kode warna HTML-nya di template.
Lihat Kode Warna HTML
Contohnya, kita mau mengubah warna background menu:
- Intip dulu di mana posisi kode warnanya dengan cara: arahkan cursor mouse ke bagian menu, lalu klik kanan, dan pilih "inspect element", maka akan muncul kode warna seperti #000 (hitam).
- Template > Edit HTML
- Cari (Ctrl+F) elemen yang akan diubah warnanya
- Ganti dengan kode warna lainnnya, misalnya dari HITAM (#000) menjadi MERAH (#c00).
Mengubah Warna Huruf
Semua warna di template blog bisa diubah.
Sebagai contoh, kita akan mengubah jenis huruf, ukuran huruf, dan warnanya. Maka, temukan kode-kode seperti ini:
Sebagai contoh, kita akan mengubah jenis huruf, ukuran huruf, dan warnanya. Maka, temukan kode-kode seperti ini:
Mengubah Warna Huruf
1. Template > Edit HTML
2. Cari [CTRL+F] kode body {3. Biasanya akan ada kode warna sepoerti color:#333333
4. Ubah menjadi, misalnya. #ff0000
1. Template > Edit HTML
2. Cari [CTRL+F] kode body {3. Biasanya akan ada kode warna sepoerti color:#333333
4. Ubah menjadi, misalnya. #ff0000
Mengubah Jenis Huruf
1. Template > Edit HTML
2. Cari [CTRL+F] kode #outer-wrapper {
3. Biasanya akan ditemukan kode seprti font: 14px Arial; or font-family:Arial;
4. Ganti saja jenis hurfnya menjadi, misalnya, Georgia, Helvetica, Times, etc.
1. Template > Edit HTML
2. Cari [CTRL+F] kode #outer-wrapper {
3. Biasanya akan ditemukan kode seprti font: 14px Arial; or font-family:Arial;
4. Ganti saja jenis hurfnya menjadi, misalnya, Georgia, Helvetica, Times, etc.
INTINYA
Kode warna HTML berupa ANGKA, HURUF, atau kombinas ANGKA & HURUF, yang diawali dengan tanda pagar (#).
Contohnya:
Contohnya:
#000000 Black |
#FFEBCD Blanchedalmond |
#0000FF Blue |
#8A2BE2 Blueviolet |
#A52A2A Brown |
#DEB887 Burlywood |
Warna background atau latar desain blog biasanya ada di bagian kode body. Seperti ini:
body {background:#ffffff;... }
Nah, tinggal ganti saja kode warna putih (#ffffff) itu dengan warna lain.
Demikian Cara Mengubah Warna Tampilan Blog dan lainnya, dengan catatan: jangan habiskan waktu dan energi Anda ke desain tampilan, tapi fokuslah ke Konten Berkualitas sebagaimana disarankan Google!
Warna tidak pengaruh bagi indeks Google! Warna hanya masalah "selera" dan "estetika". Warna dan desain yang kita pilih dan sukai, belum tentu disukai pengguna.
Good Luck!
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
No comments on Cara Mengubah Warna Tampilan Blog
Post a Comment