MEMBUAT JUDUL WIDGET DENGAN BACKGROUND BERWARNA

Postingan ini sengaja O'chan buat untuk menjawab pertanyaan Heri yaitu "kalo buat judul widget punya background yang berwarna gmn?". O'chan coba-coba cek kodenya n akhirnya ketemu cara memberi background pada judul widget. semoga membantu.

Carilah kode untuk sidebar heading. Kodenya biasanya menggunakan .sidebar h2. Kodenya bisa beda-beda untuk tiap template. Di bawah ini O'chan kasi 2 contoh :

/* sidebar heading */

.sidebar h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: $sidebarHeaderColor;
font: $sidebarHeaderFont;
background:#718E89;
}

Ini kode dari salah satu template ourbloggertemplate.com

.sidebar h2, .rsidebar h2, .lsidebar h2 {
background:#718E89;
color:#ffffff;
font-size: 16px;
font-family: Century Gothic, Trebuchet;
font-weight: bold;
margin: 0 0 10px;
padding: 3px 0 3px 10px;
}

Ini kode dari salah satu template simplyfabulousbloggertemplate.com

Untuk warna biru adalah kode warna background judul widget.

background:#718E89;

Bagian yang berwarna pink adalah kode warna hexadecimal. Bisa dilihat di sini. letakkan kode background seperti kode warna biru tersebut di antara {...} bersama kode css lainnya. setelah itu coba view blog untuk melihat hasilnya.