Sidebar Title Background

Salam semua..Today i would to share tutorial (How to Design Sidebar Title Background)..Kalo u olss tgok kat Gadget blog kita kat sidebar title tu ada background warna-warni kan ^_^ nampak mcm menarik kan..Sebnarnya kita boleh design background tuh sediri je mgikut cita rasa kita sendiri..kalo u olss nk tahu jom kita layan tutorial ni.

Design kat atas nie direka khas oleh kami..just guna adobe photoshop software untuk edit nie..Lepas tu baru follow step kat bawah nie.

1. Dashboard => Design => Edit HTML =>Tick Expand Widget Templates .
2. Tekan CTRL+F search for this code
h2 {
3. Bila da jumpa , copy code kat bawah ni and paste dekat bawah code h2 {
background:url(URL GAMBAR PILIHAN)

4. lepas tu paste dekat bawah code ni text-transform:uppercase;
nanti dia akan jadi macam ni . 
h2{text-align:center;
margin:0 0 1em 0;
font:$(widget.title.font);
color:$(widget.title.text.color);
text-transform:uppercase;
background:url('URL GAMBAR PILIHAN')}

 5. Click preview dulu kalo okay baru save..Selamat Mencuba ^_^

1 comment:

Anonymous said...

Done Thank You for sharing