Mengganti Blog pager link dengan Icon

Tentunya yang pertama dilakukan adalah login di blogger.com lalu pada layout pilih edit HTML dan expand widget template.
Selanjutnya temukan code seperti dibawah:

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

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

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>


Bila telah ditemukan code diatas maka ganti yang warna merah tersebut dengan icon yang telah anda sediakan:
  • data:newerPageTitle = posting baru
  • data:olderPageTitle = Posting Lama
  • data:homeMsg = Home (halaman depan)


sedang code untuk link gambar sebagai berikut:

<img src='http://URL gambar anda'/>
<b:else/>

Nah bila digabung akan menjadi sepeti ini:

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'> <img src='http://Url ICON anda'/></a>
</span>

demikian pula pada olderpage dan home.
demo dapat dilihat di-SinI
 
© Copyright Blognya Noval Mbojo - Imnoval.com 2011 - Some rights reserved | Powered by Blogger.com.
Template Design by Catatan Mahasiswa Drop Out | Published by Premium Wordpress Themes
Mengganti Blog pager link dengan Icon - Blognya Noval Mbojo - Imnoval.com