Cara mudah Membuat Navigasi Penomoran Halaman pada Blog

Kali ini kita akan membahas mengenai cara menambahkan Navigasi penomoran halaman di blog. Fungsinya sama dengan Navigasi bawaan yang sudah disediakan yaitu untuk next page or previous. namun kali ini kita akan membuat navigasi dengan nomor halaman.Tentunya navigasi halaman bernomer atau page number ini terlihat lebih elegant dan profesional dengan menampilkan juga total page yang ada. Nah langsung aja kita ke langkah-langkahnya.

Login terlebih dahulu ke blog kamu. kemudian bagian Tema >> klik edit HTML.

Setelah itu cari kode kode ]]></b:skin> dengan cara klik Ctrl + F kemudian pastekan kode tersebut kemudian tekan tombol Enter.

Lalu Pastekan Code berikut tepat diatasnya.

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;}

Langkah selanjutnya adalah hampir sama dengan langkah sebelumnya yaitu kli kembali tombol Ctrl + F kemudian cari kode </body> kemudian pastekan kode berikut tepat diatas kode tersebut.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
  /*<![CDATA[*/
    var perPage=7;
    var numPages=6;
    var firstText ='First';
    var lastText ='Last';
    var prevText ='« Previous';
    var nextText ='Next »';
    var urlactivepage=location.href;
    var home_page="/";
  /*]]>*/
</script>
  <script src="http://www.geocities.ws/usmankurniawan/pagenation.js"/>
</b:if>
</b:if>

Keterangan:
Kamu bisa Edit kode dibawah sesuai dengan selera masing-masing.
var perPage=7;
var numPages=6; (Panjang Penomoran halaman 1-6)
var firstText='First';
var lastText='Last';
var prexText='«Previous';
var nextText='Next»';

Pada umumnya standart untuk tampilan perhalaman di blogger adamah maximal 20 halaman, namun jika anda ingin merubahnya, cari kode expr:href='data:label.url' pada HTML Template, kemudian ubah kode tersebut menjadi expr:href='data:label.url + "?&amp;max-result=7"'

Keterangan : 7 merupakan tampilan jumlah postingan perhalaman.

Nah itu dia Cara menambahkan Navigasi penomoran Halaman pada Blogger. semoga bermanfaat.