24 February 2010
Tukar Older Post , Newer Post , Home Ke Icon / Image
hak milik
Sue
Assalamualaikum , Msue nak kongsi agi nih ngn korang macam mana nak tukar Older Post , Newer Post , Home dari text ke icon / image .
1. Login ke Blogspot .
2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)
3. Untuk Home korang cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
4. Untuk Older Post korang cari kod di bawah
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
5. Untuk Newer Post korang cari kod di bawah .
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
6. Tukarkan yang di higlight dengan kod seperti di bawah ini .
Home
<img src='http://icons3.iconfinder.netdna-cdn.com/data/icons/officeicons/PNG/48/Home_01.png'/>
Older Post
<img src='http://icons3.iconfinder.netdna-cdn.com/data/icons/ginux/Png/Backward-64.png'/>
Newer Post
<img src='http://icons3.iconfinder.netdna-cdn.com/data/icons/ginux/Png/Forward-64.png'/>
7. Preview dan Save Template .
Note: Pada higlight merah korang tukarkan ngan utl image/icon mengikut citarasa korang . Korang leh cari icon di sini ==>
1. Login ke Blogspot .
2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)
3. Untuk Home korang cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
4. Untuk Older Post korang cari kod di bawah
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
5. Untuk Newer Post korang cari kod di bawah .
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
6. Tukarkan yang di higlight dengan kod seperti di bawah ini .
Home
<img src='http://icons3.iconfinder.netdna-cdn.com/data/icons/officeicons/PNG/48/Home_01.png'/>
Older Post
<img src='http://icons3.iconfinder.netdna-cdn.com/data/icons/ginux/Png/Backward-64.png'/>
Newer Post
<img src='http://icons3.iconfinder.netdna-cdn.com/data/icons/ginux/Png/Forward-64.png'/>
7. Preview dan Save Template .
Note: Pada higlight merah korang tukarkan ngan utl image/icon mengikut citarasa korang . Korang leh cari icon di sini ==>
