Tutorial: Tukar Sidebar Title kepada Image

| On
10:46:00 AM
 

Haii..hai korang!! sehat tak? Amni ok je..
Tutorial nie Amni buat utk sesiapa yg ada Sidebar Title Image.. mungkin ramai yg dah tau, tp Amni still nak ajar sbb ada newbie yg tak tahu lagi.. so, let's start our lessons!

1. First, korang mesti create Sidebar Title korang tu.. kalau tak tau mcm mana nk buat, boleh terjun kat SINI.
2. Kalau dah create, korang boleh download sidebar title image korang create tadi di http://imgur.com/

Sekarang Amni nak ajar mcm mana nk masukkan ke dlm blog.

1. Dashboard >Design >Edit HTML >Download Full Template
2. Then, Tick Expand Widget Template dulu.

3. Now, tekan Ctrl+F dan cari code title Sidebar korang. Contohnye, kalau dekat Sidebar korang tulis The Owner, korang taiplah The Owner.

4. Bila dah taip, korang akan jumpa code mcm nie;
<b:widget id='HTML1' locked='false' title='The Owner' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class="title"><data:title></data:title></h2>  </b:if>

5. Korang tukarkan code nie;
<h2 class="title"><data:title></data:title></h2>
 kepada code image korang.. Like this;
<img src='URL IMAGE SIDEBAR TITLE KORANG'/>

*Masukkan URL Image Sidebar Title dekat tulisan merah. URL tu korang amik dekat imgur.com tadi tu.

6. Hasilnya akan jadi mcm ni;
<b:widget id='HTML1' locked='false' title='The Owner' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <img src='URL SIDEBAR TITLE IMAGE KORANG'/>
  </b:if>

7. Then, korang ulang step yang sama untuk letak sidebar title image yg lain pulak.

8. Dah siap? Save. Dan lihatlah hasilnya..

-Selamat Mencuba-




2 comments on "Tutorial: Tukar Sidebar Title kepada Image"