tutorial - tukar sidebar title kepada image

contoh sidebar i. nmpk kan yang attention tu tukar kepada image kan kan? so hari ni i nak buat tutorial pasal tu. kebanyakkan tutorial ni untuk denim template, minima and so on. tapi kali ni i buat untuk simple tempate (template designer). code code dia i belek sendiri okay ? 

so mula mula korang kena make sure berapa width sidebar korang. boleh bukak template designer. example :

click gambar untuk lebih jelas :)

dah tawu width korang berape, baru create. bagi i laa kan, i lebih suke transparent punya. i create dekat photoshop. create punya create. dah siap nanti korang amek url dia. kalau taktau nak amek url image, click sini. lepas tu log in blog korang. 

dashboard > design > edit HTML *tick expand widget templates

tekan CTRL F serentak then search title sidebar korang. contoh i punya title macam attention, counter and so on tu. 

kalau dah jumpa. tengok anak anak code dia. tengok code ni :

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

ade kan code tu? dah jumpa code tu. paste code bawah ni atas <data:title/>.

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

mesti tak paham kan? example dia macam ni :

click gambar untuk lebih jelas :)

 yang i highlight tula maksud i tadi. korang jangan lupa padam code <data:title/>. dah siap untuk satu. ulang step yang same untuk title sidebar korang yang lain tu. 

tak paham tanye. jangan simple copy okay. benci gila. sape copy dia mati (!)

i dah siap 3 image sidebar. kalau nak boleh guna. tapi tinggalkan comment dulu supaya i tau. WAJIB (!)

yang ketiga tu transparent punya. 

JANGAN COPY (!)