Cara Praktis Mengganti Older dan Newer Post Menjadi Next dan Previous

Secara default tampilan older post dan newer post pada blogger.com biasanya adalah seperti dibawah ini:

Lalu bisakah tampilannya dimodif menjadi seperti dibawah ini?

Jawabanya adalah: BISA!

Anda cukup melakukan beberapa langkah dibawah ini:

1. Masuklah ke halaman Dasbor blog anda lalu klik Rancangan.

2. Kemudian klik pada Edit HTML.

3. Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template anda dengan mengklik Download Template Lengkap.

4. Centanglah kotak Expand Widget:

5. Kemudian carilah kode seperti ini: <span id='blog-pager-newer-link'>

6. Agar lebih mudah mencarinya tekan (Ctrl + F) pada keyboard lalu tekan Enter. Maka akan muncul kotak Find. Ketiklah kode yang akan dicari pada kotak tersebut lalu tekan Enter, maka secara otomatis akan muncul kode yang dicari dalam keadaan terseleksi dengan warna hijau.

7. Kemudian perhatikan sekelompok kode dibawahnya:

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

Kemudian gantilah tulisan yang berwarna merah dengan kata NEXT. Sehingga persisnya menjadi seperti ini:

   <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'>NEXT</a></span>

8. Setelah itu scroll sedikit kebawah sehingga ketemu kode seperti dibawah ini (jangan lupa perhatikan kode berwarna biru. Itu adalah kode untuk older atau newer postnya. Jadi jangan sampai keliru atau terbalik mengganti kata-katanya. Kuncinya adalah newer untuk NEXT dan older untuk PREVIOUS):

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

Kemudian gantilah tulisan yang berwarna merah dengan kata PREVIOUS. Sehingga persisnya menjadi seperti ini:

  <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'>PREVIOUS</a>
     </span>

9. Jika sudah jangan lupa klik SIMPAN TEMPLATE dan tunggu hingga proses selesai.

10. Sekarang anda sudah bisa melihat hasilnya dengan mengklik Lihat Blog.