Tutorial : Tukar Sidebar Title kepada 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
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]:
awak , macam mana pulak dengan blogskin?
@Abdul Hafizuddin Abdul Hashim : Ok, nt sy buat tuto :)
sys , untuk simple template takda eh?
@Nurul Aina : Utk template simple, sy takde tutornya..nt kalu jumpa sy share :)
utk minima tmplate ad x?
@Fiesya Amiera : Takde :(
kalau nak tukar title utk blog archive cm ne ek??
ta jumpalah code data:title/ tuh :(
saya amik
tq .amek tau yg wan pink tu
Akak, klau nak buat sidebar yg macam akak punya mcm mana? :)
@Yuyu Wawa Nanti ada masa akak buat tutor dia :)
Post a Comment