1. Mula-Mula korang kena cari kelebaran (width) sidebar tu dulu
> Dashboard > Template > Edit Html > Ctrl + F cari code ni :
#sidebar-wrapper {
width: 260px;
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 != ""'>
<h2 class="title"><data:title></data:title></h2>
</b:if>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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 != ""'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs9BdKrshYIv5oCkelW0mJCx3LaCsSBOgEUcgI-wqtBPZYJkV6gTuVQ-_p14GPhcY-moL0typn-rum1rXr7e4K4J3i8KWcI_WdWXL9hO2DlkxTVP8ZJE69c3xcBFtRScptr1dK0H1bA4Y/s1600/1.png'/>
</b:if>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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
8. Bila dah siap PREVEIW dulu. Menjadi tak ? Kalau menjadi SAVE trus
No comments:
Post a Comment