July 2, 2015

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!

Cara Mengubah Warna 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:
  1. 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).
  2. Template > Edit HTML 
  3. Cari (Ctrl+F) elemen yang akan diubah warnanya
  4. 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:

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 
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.

INTINYA

Kode warna HTML berupa ANGKA, HURUF, atau kombinas ANGKA & HURUF, yang diawali dengan tanda pagar (#).

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
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

No comments on Cara Mengubah Warna Tampilan Blog

Post a Comment

Contact Form

Name

Email *

Message *