Tutorial : Tukar Sidebar Title kepada Image

Assalamualaikum and annyeonghaseyo. Tutor ni direquest oleh Miss Blog. Dia ada tanya macam mana nak tukar sidebar title kepada image bagi template denim. Okay, jom start! Dekat bawah ni contoh  sidebar image.

 

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates

2. Tekan Ctrl + f serentak dan cari code #sidebar-wrapper {

3. Dah jumpa? Good. Now, korang cari width sidebar blog korang. Tgk contoh dkt bawah ni

4. Bila dah tahu width sidebar berapa, korang boleh create image dekat photoshop, photoscape or dkt mana-2 je.

5. Okay. Dah selesai. Skrg korg cari title sidebar. Contohnya rienna punya title "About me". 

6. Kalau dah jumpa, cuba tengok anak-anak code dekat bawah tu, dan cari code macam ni

<h2 class='title'><data:title/></h2>

7. Ada kan? oke. Lepas tu korang gantikan code tadi dengan code yang ini

<center><img src='URL IMAGE' style='border-width: 0px;'/></center>

 8. Kalau tak faham. bole tengok contoh dekat bawah ni

9. If korg nk tambah image dekat bahagian title yang lain, just ulang je step yg sama.
10. Preview & save

merah : URL image

Rienna ada sediakan beberapa sidebar image. Kalau nak boleh guna. Tapi saiz tu rienna main buat je..hee :D