Tutorial: Buat/ Tukar Sidebar Title Background

Tiba-tiba rasa nak tukar warna latar pink pada sidebar title di blog ibu ni. Setelah berkali-kali mencuba, akhirnya berjaya juga ibu. Sebenarnya, warna yang ibu ubah tu sama je; pink, cuma tonanya sahaja lebih lembut.

Oklah, di sini ibu kongsikan cara membuat atau mengubah warna latar di  sidebar title.

Cara Buat/Tukar Sidebar Title Background  

1. Dashboard - Design - Edit HTML - Tick Expand Widget Template.

2. Dengan menggunakan fungsi Find (ctrl + F), cari kod berikut: 

.sidebar h2

 

atau 

.sidebar.widget.h2

atau

h2 {

3. Kalian akan jumpa kod seperti di bawah ataupun kod yang seakan-akan:

.sidebar h2 {

text-align: center;

background:#F52887;

margin:0;

padding:0 0.2em;

line-height:1.5em;

}

Ini kod di blog ibu: 

h2 {
 background:#FBD0F7;
text-align:center;
margin: 0 1px 0 0;
font-size: 14px;
padding: 1px 5px;
border: 1px solid #bbb;
 

• Warna merah adalah kod warna yang digunakan. Boleh ditukar dengan warna pilihan sendiri.
• Untuk pilihan kod warna, sila klik di sini.
• Jika ingin bertukar kepada background bergambar, sila tukar kod berikut:

background:#F52887;

dengan kod ini

 

background: url("url background") no-repeat 2px .25em;

 

4. Preview terlebih dahulu. Jika OK boleh save. 

SELAMAT MENCUBA!