Ubah Tajuk Sidebar kepada Bentuk Imej

Mula-mula kena tau saiz kelebaran sidebar blog kita berapa.
Tak tau nak cek saiz macam mana?
Ini caranya.

Dashboard / Layout / Edit HTML

Cari kod ini (Ctrl + F)

#sidebar-wrapper {

Kat sini kita boleh lihat ada kod
width: 260px;


So, maksudnya saiz sidebar blog MP 260px

Maka buat la imej bersaiz 260px. Buat lebih kecik tak pe asalkan jangan lebih. Haa, time ni guna la kepakaran korang design ye. Tak kesah la buat guna photoshop ke photoscape ke. MP guna dua-dua sekali Photoshop CS5 & PhotoScape. Ngeh Ngeh.Ini hasil terbaru, baru je buat tadi. Simple jek, sebab suka simple. Padahal tak reti design ngaku je la (-.-)


Macam biasa la, bila dah siap design pegi la upload pic korang tu dulu untuk ambil Url Image. Tak reti? Boleh rujuk SINI ye.
Baik, cara masukkan imej

Dashboard / Layout / Edit HTML / Download Full Template
(penting sebagai backup!)


Sila tick Expand Widget Templates


Sekarang kena cari kod Tajuk Sidebar kita. Sebagai contoh yang MP buat, untuk tajuk Frenzz. Tekan Ctrl + F dan taip Frenzz.

*sila taip dengan sama sebijik macam tajuk yang korang buat tu. Kalau huruf besar, kena buat huruf besar la ek.
Kalau tak, memang tak jumpa. Kod yang korang akan jumpa adalah seperti berikut.

<b:widget id='HTML4' locked='false' title='Frenzz' type='HTML'>

<b:includable id='main'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

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

</b:if>

Tukar kod ini,

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

dengan kod imej ini,

<img border='0' src='URL Gambar Korang'/>

Hasil kod seperti dibawah

<b:widget id='HTML4' locked='false' title='Frenzz' type='HTML'>

<b:includable id='main'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<img border='0' src='http://img257.imageshack.us/img257/1/frenzz.png'/>

</b:if>

ini MP punya.

Ok siap. Klik Peview, dah ok, bolehla Save Template


Untuk follower widget mungkin akan ada problem. Next tutorial je ok ;)

---

Dah habis baca ke? Jemput tinggalkan komen ◕‿◕

---