Cara Mengganti Tulisan Posting lama dan Posting lebih baru

Kali ini saya cuma ingin berbagi bagaimana cara mengganti tulisan posting lama dan posting lebih baru dengan tulisan Next atau Previous atau dengan Url gambar, yuk langsung saja ke tutorial nya.

    Pasti nya kalian sudah login di blogger
    Klik Template.
    Klik tab Edit HTML dan lanjutkan
    Klik tulisan “cadangkan template dan unduh template lengkap untuk jaga-jaga”,
    Beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget

Cari kode berikut pada template anda :

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

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

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

Perhatikan kode yang saya beri tanda warna biru:

Hapus semua tanda yang saya beri tanda warna biru,
kalian bisa mengganti Kode <data:newerPageTitle/> bisa di ganti dengan tulisan Next atau url gambar, dan kode <data:olderPageTitle/> bisa di ganti dengan tulisan Previous atau url gambar, sedang kan kode <data:homeMsg/> itu halaman depan, kalian bisa ganti dengan Home atau dengan url gambar.

Contoh pemasangan dengan gambar :

 

Untuk cara memasukan kode dengan url gambar.

Di sini saya ambil hanya dua baris kode:

expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img alt='previous' border='0' width='60' height='45' src='http://i1064.photobucket.com/albums/u377/fREEz_x/left-arrow-bluw-md.png?imgmax=800' title='previous'/></a>

expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img alt='Next' border='0' width='60' height='45' src='http://i1064.photobucket.com/albums/u377/fREEz_x/blue-go-next-md.png' title='Next'/></a>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
     <a class='home-link' expr:href='data:blog.homepageUrl'><img alt='home' border='0' width='45' height='55' src='http://i1064.photobucket.com/albums/u377/fREEz_x/home.png?imgmax=800' title='home'/></a>

Untuk kode yang saya kasih tanda warna merah itu kode tambahan agar kode berfungsi, sedang kan kode yang saya beri tanda  warna biru itu kode Url gambar yang kalian ganti, bagaimana ?? cukup jelaskan tutorial nya, kalau masih bingung jangan lupa bertanya ok .