Tutorial : Tukar Sidebar Title kepada Image

Tumblr_lzhsmerio51r3dz8fo1_500_large

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 tieqa 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

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

11 comment [s]:

Abdul Hafizuddin Abdul Hashim said...

awak , macam mana pulak dengan blogskin?

Nurul AtiQah said...

@Abdul Hafizuddin Abdul Hashim : Ok, nt sy buat tuto :)

Nurul Aina said...

sys , untuk simple template takda eh?

Nurul AtiQah said...

@Nurul Aina : Utk template simple, sy takde tutornya..nt kalu jumpa sy share :)

Fiesya Amiera said...

utk minima tmplate ad x?

Nurul AtiQah said...

@Fiesya Amiera : Takde :(

Farah Farhana said...

kalau nak tukar title utk blog archive cm ne ek??

ta jumpalah code data:title/ tuh :(

syafienaz said...

saya amik

Ena said...

tq .amek tau yg wan pink tu

Yuyu Wawa said...

Akak, klau nak buat sidebar yg macam akak punya mcm mana? :)

AtiqahJaidin said...

@Yuyu Wawa Nanti ada masa akak buat tutor dia :)