Label Cloud

Search This Blog

24 February 2010

online counter Tukar Older Post , Newer Post , Home Ke Icon / Image

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 + &quot;_blog-pager-older-link&quot;' 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 + &quot;_blog-pager-newer-link&quot;' 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 ==> IconFinder








Tinggalkan Komen Anda Disini