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]:

fiz said...

awak , macam mana pulak dengan blogskin?

atiqahjaidin said...

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

Anonymous said...

sys , untuk simple template takda eh?

atiqahjaidin said...

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

❤❤ said...

utk minima tmplate ad x?

atiqahjaidin said...

@Fiesya Amiera : Takde :(

megumiChan❤ said...

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

ta jumpalah code data:title/ tuh :(

syafienaz said...

saya amik

AinaAwesome said...

tq .amek tau yg wan pink tu

Asma Najwa said...

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

atiqahjaidin said...

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