Tutorial Blog | Cara nak letak icon sebelah tajuk sidebar

Salam to all readers..

Kali ini Dil akan ajar cara nak letak icon sebelah tajuk sidebar. Korang tak faham? Tak boleh nak imagine macam mana? Ayoooii, meh nak sekeh bagi mudah sikit korang nak imagine. xde la gurau jer. Dil mana berani nak sekeh orang. Tak macam member Dil sorang ni, feroz kerja dia memanjang nak sekeh orang jer. Nak suruh dia belanja makan? uhh harammm. Sampai kesudahnya tak. hehhe..

Okay la, nak memudahkan korang imagine, cuba tengok gambar kat bawah ni..

*

*

Okay itulah yang dinamakan  icon sebelah tajuk sidebar. Macam dil, dil letak icon buah epal. Al maklum lah blog Dil Kerana Manisnya Epal. Harus lah letak epal. Tak gitu? So, suka hati korang la, nak letak apa. Gajah ke, rimau ke. Tak kisah. Ikut kreativiti masing-masing. 

So sekarang, jum tengok tutorial yang dil dah buat untuk korang. Simple jer ni. Sambil tidur pun boleh buat. *nampok benor nipunya kan..^^ Untuk tengok tutor ni, korang haruslah buka mata.hehehe

Step 1

Bahan yang di perlukan adalah URL icon korang. Ala, nak senang korang google je pastu ambil la URL nya. Tak pun buat icon sendiri dan upload kat photoscape ke, picasa ke, untuk mendapatkan URL.

Step 2

Selepas tu, korang pergi dekat dashboard > design > edit HTML > tick dekat Expand Widget Templates.

Step 3

Oh ya, sebelum tu, untuk keselamatan, korang download la dulu full template blog korang. Mana tau, takut ada error, susah. Dil tak nak bertanggungjawab.hhehe

Step 4

Lepas dah siap, korang tekan Ctrl + F  dan taip tajuk sidebar korang. Contohnya, Dil taip tajuk sidebar Dil iaitu Tabung Ptptn.

Step 5

Lepas dah jumpa cuba korang intai- intai sikit code 

<data:title/>

Step 6

Then copy code kat bawah ni dan paste kan SEBELUM <data:title/>

<img align='left' height='30' src='URL GAMBAR' width='30'/>

Copy  code kat bawah ni pula dan paste kan SELEPAS <data:title/>

<img align='right' height='30' src='URL GAMBAR' width='30'/>

 Korang akan dapat macam ni.

<h2 class='title'><img align='left' height='30' src='URL GAMBAR' width='30'/><data:title/><img align='right' height='30' src='URL GAMBAR' width='30'/></h2>

 Step 7

Sekarang, korang gantikan URL gambar tu, dengan URL icon korang. Lepas tu, cuba tekan preview dan kalau tak ada apa-apa masalah, korang boleh la buat untuk kesemua tajuk sidebar korang tu. Kalau korang ada 10 sidebar, maknanya 10 jugak la korang kena buat.heheh.. Lepas da puas hati, sila la tekan Save.

nota kaki:

Kalau ada pape masalah, jangan segan nak tanya.

Dil tak charge bayaran pun..hehehe.

Tonight is my 1st paper.

Doakan Dil. Amin