Cara Nak Tukar Title Sidebar Dengan Gambar

salam...
jom kongsi tutorial..
ni tutorial cara nak tukar title side bar jadi gambar,,,,
ok..nk tau ap..tgk ni..click pic ni..


krng da tau pe bende tu...
so,yg x tau cume care...ok jom...

1. Mula-Mula korang kena cari kelebaran (width) sidebar tu dulu ..
 >> Dashboard > Design > Edit Html > Ctrl + F .. cari kod ini :

#sidebar-wrapper {
width: 260px;
** Maknanya , sidebar korang tu , 260px taw ? Kalau tak jumpa kod yang diboldkan tuh.. Korang buat cara ini :

 >> Dashboard > Design > Template Designer > Adjust Width > Lihat size sidebar..


Ok , bila dah tahu saiz tu , korang create lah guna photoshop atau photoscape ok ? Lyssa guna photoshop.. hehe :) Lepas tuh , boleh download image korang create tadi di >> http://imgur.com/  


ok...tp korang x tau lg care nak masukkannyer...hehe
camni, pegi

 Dashboard > Design > Edit Html >Expand Widget Template  

Download Full Template. (Penting!!)


 Now , cari kod Title Sidebar kita ye. Contohnye , kalau dekat Sidebar korang tulis About Me .. Korang kena Taip About Me (kecil besar tulisan itu tulis sebijik2)!!!
Tekan Ctrl F serentak .. Tapi About Me



 Bila dah Taip kan , Korang akan jumpa kod macam ni taw :
<b:widget id='HTML1' locked='false' title='About Me' 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>

Tukarkan Kod Yang Ini :


<h2 class="title"><data:title></data:title></h2>

kepada kod imej korang.. Macam ini :

<img border='0' src='http://i1233.photobucket.com/albums/ff389/fiqboyz92/Untitled-62.png'/> 
**Masukkan URL/Link Imej Korang dalan tulisan Warna Merah**
yg atas tu contoh shap...lau nak tgk ap jd,,cube la test..hehe


6. Hasilnya akan jadi macam ini :

<b:widget id='HTML1' locked='false' title='About Me' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <img border='0' src='http://i1233.photobucket.com/albums/ff389/fiqboyz92/Untitled-62.png'/>
  </b:if>
 Ok , nk buat yng lain, korng ulang la step yg same just cari key word jer..hehe


bila da siap..preview lu,,penting sangat,,,bile da jadi,,save la,,,hehe

smoga berjaya...

daaaaaaaaa...


###pesanan yer...klau korng x pndai buat gambar untuk ganti title sidebar...just bagitau shap...shap akan tolong..free jer.... 



credit : lyssa

2 comments:

  1. dh cari..tp xde la kod tu wlaupun sidebar dh 260px..

    ReplyDelete
  2. @GHADIS JULAI

    kod tu ada...cuba tulis sidebar jer..

    ReplyDelete

Komen jer...Jangan Malu..Heee