Blog Pager Next Previous Blogspot Untuk Template Baru

Cara Pasang Blog Pager Next Previous pada Template Baru Blogspot

Template baru Blogspot ada lima varian, diantaranya: Contempo, Soho, Emporio, Notable, Essential. Kelima template baru ini memiliki fitur yang lebih baik dan indah dibanding template klasik.

Namun ada beberapa fitur template yang belum dimaksimalkan, sementara pengguna template sudah terbiasa dengan fitur tersebut dan masih membutuhkannya.

Fitur Blog Pager Next Previous Post pada halaman artikel yang tidak ada pada template baru Contempo, Soho, Emporio, Notable, Essential. Hal ini dapat diatasi dengan meletakkan fitur blog-pager pada template secaraa manual.

Pada template Essential yang digunakan blog ini, fitur blog pager disematkan pada bagian atas dan bawah artikel dengan cara sederhana tanpa javascript, cukup dengan men-copypaste fitur template yang telah dimodifikasi. Seperti yang terlihat pada gambar dibawah ini:

Gambar 1

Gambar 2

Memasang Blog Pager Next Previous pada Template

Cara memasangnya cukup mudah, masuk ke dashboard blogspot, kemudian edit tema dan cari:

<b:include data='post' name='post'/>

Letakkan Script 1 diatas <b:include data='post' name='post'/>

Script 1

<b:if cond='data:view.isSingleItem'>

<div class='simple-nextprev'>

<a class='newer-link' expr:href='data:newerPageUrl' title='Newer Posts' style='float:left'>&amp;lsaquo;</a>

<a class='older-link' expr:href='data:olderPageUrl' title='Older Posts' style='float:right'>&amp;rsaquo;</a>

<div style='clear:both;'/>

</div>

</b:if>

Letakkan Script 2 dibawah <b:include data='post' name='post'/>

Script 2

<b:if cond='data:view.isSingleItem'>

<div class='blog-pager container' id='blog-pager'>

<style>a.blog-pager-newer-link{float:left}a.blog-pager-older-link{float:right}</style>

    <b:include cond='data:newerPageUrl' name='super.previousPageLink'/>

    <b:include cond='data:olderPageUrl' name='super.nextPageLink'/>

    <b:include cond='data:view.url != data:blog.homepageUrl' name='super.homePageLink'/>

</div>

</b:if>

Dengan cara seperti diatas, maka pengunjung blog akan lebih mudah untuk berkunjung dan membaca artikel yang lebih baru (newer posts) dan artikel yang lebih lama (older posts) pada blog yang menggunakan template baru Blogspot; Contempo, Soho, Emporio, Notable, Essential.