Tutorial: Background title sidebar

Salam semua!!(^__^)
Tutorial neh, dah lama tersimpan dalam draft. Haritu duk menaip tetiba jeng pulak laptop neh, terpaksa postpone. Ok, nak buat background/image untuk title sidebar ni senanggg sangattt. Untuk yang konpius macam mana background title sidebar, haa ni dia..

Ok, kita start

1. Dashboard > Design > Edit HTML > tick expand widget templates

2. Dengan menggunakan ctrl F, cari tajuk sidebar korang. Contohnya, kalo tajuk siderbar tu Ceritera, taip je sebijik macam tuh. tak paham tengok contoh kat bawah ye.

</b:widget>

<b:widget id='Label1' locked='false' title='Ceritera' type='Label'>

<b:includable id='main'>

  <b:if cond='data:title'>

    <h2><data:title/></h2>

  </b:if>

3. Dekat bawah perkataan yang korang cari tu korang akan jumpa kod ni pulak

<h2><data:title/></h2>

atau

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

4. Pastu tukar kod tersebut kepada kod image korang macam kat bawah neh

<img border='0' src='http://i837.photobucket.com/albums/zz296/cynofa/ceritera-1.png'/>

*yang kaler biru tu tukarkan kepada link image korang.

5. Hasilnya akan jadi macam neh

</b:widget>

<b:widget id='Label1' locked='false' title='Ceritera' type='Label'>

<b:includable id='main'>

  <b:if cond='data:title'>

    <img border='0' src='http://i837.photobucket.com/albums/zz296/cynofa/ceritera-1.png'/> 

  </b:if>

6. Ok, sekarang boleh ulang step di atas, buat yang lain pulak. ;p

7. Dah siap dan puas hati semuanya, PREVIEW dulu ye, kalo takde error baru boleh SAVE.

**Background/image title sidebar tu aku create sdiri menggunakan adobe photoshop. Kalo korang tak reti dan malas nak buat boleh je nak tempah dengan aku. RM2 setiap satu. Kalo order banyak-banyak dapat diskaun dan student, sila tunjuk kad matrik. heee. Nak inbox kat fesbuk ye. ;p 

SELAMAT MERAJINKAN DIRI!

(^__~)

---

Thanks for your reading love! =D

---