Sunday 1 December 2013

Tutorial : Ubah Title Sidebar Kepada Bentuk Imej

1. Mula-Mula korang kena cari kelebaran (width) sidebar tu dulu 
> Dashboard > Template > Edit Html > Ctrl + F cari code ni :

#sidebar-wrapper {
width: 260px;

Maknanya sidebar korang tu 260px tau ? Kalau tak jumpa code yang diboldkan tu korang buat cara ini :
> Dashboard > Template > Customise> Adjust Width > Lihat size sidebar..


2. Ok , bila dah tahu saiz tu, korang create la guna photoshop atau photoscape ok ? Lepas tu, boleh download image korang create tadi di KAT SINI


CARA NAK AMSUKKAN DALAM BLOG
1. Dashboard > Template > Edit Html

2. Now, cari code Title Sidebar. Contohnye, kalau dekat Sidebar korang tulis About Me. Korang kena type About Me (kecil besar tulisan itu tulis sebijik2) Tekan CTRL + F serentak type About Me

3. Bila dah type kan , korang akan jumpa code macam ni :

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

 5. Tukarkan code yang ni : 

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

kepada kcode imej korang mcm ni :

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs9BdKrshYIv5oCkelW0mJCx3LaCsSBOgEUcgI-wqtBPZYJkV6gTuVQ-_p14GPhcY-moL0typn-rum1rXr7e4K4J3i8KWcI_WdWXL9hO2DlkxTVP8ZJE69c3xcBFtRScptr1dK0H1bA4Y/s1600/1.png'/> 
**Masukkan URL/Link Imej Korang dalan tulisan Warna Merah**

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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs9BdKrshYIv5oCkelW0mJCx3LaCsSBOgEUcgI-wqtBPZYJkV6gTuVQ-_p14GPhcY-moL0typn-rum1rXr7e4K4J3i8KWcI_WdWXL9hO2DlkxTVP8ZJE69c3xcBFtRScptr1dK0H1bA4Y/s1600/1.png'/>
  </b:if>

 7. Ok sekarang korang ulang step yang sama dengan title yang lain pula


8. Bila dah siap PREVEIW dulu. Menjadi tak ? Kalau menjadi SAVE trus











No comments:

Post a Comment