January 30, 2015

Cara Mengubah Warna Tampilan Blog

January 30, 2015

Cara Mengubah Warna Tampilan Blog
SALAH satu masalah yang dihadapi "newbie" adalah Cara Mengubah Warna Tampilan Blog, misalnya warna latar belakang menu atau header dari hitam ke merah dst.

Mengubah warna sangat mudah, yaitu tinggal ganti 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

CARA MODIFIKASI TOTAL
Bagi pengguna template bawaan blogger (default blogger template), lebih mudah lagi. Bukan hanya mengubah warna, tapi hampir semua elemen bisa dimodifikasi: ukuran, warna, jenis huruf, sidebar, dll. 

Caranya:
1. Template > klik "Customize" (bukan Edit HTML)
2. Panduan Lengkap ada di Blogger Template Designer.

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

1 comment on Cara Mengubah Warna Tampilan Blog

  1. makasih bos tutornya. cocok buat gue yg nubi gini

    ReplyDelete

Contact Form

Name

Email *

Message *