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

"Bagi yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek, bisa anda belajar di sini"Kursus-online.com

Related Posts by Categories