Contoh Cara Membuat Pagination (Navigasi Page Number) di Blogger

Untuk tutorialnya sebagai berikut :

- Masuk ke menu Tema lalu Edit HTML
- Dengan memanafatkan fitur pencarian (Ctrl+F) cari kode ]]></b:skin> 
- Tambahkan CSS ini di atas kode tersebut

.showpageNum a, .showpage a {
text-decoration: none;
margin: 0 0 0 1px;
padding: 7px 11px;
background: #333;
color: #fff;
}
.showpageOf {
display:none;
}
.showpageNum a:hover, .showpage a:hover {
background:rgba(112,166,0,1);
color: #fff;
text-decoration: none;
}
.showpagePoint {
color:#fff;
padding: 7px 11px;
background:rgba(112,166,0,1);
text-decoration: none;
}

- Berikutnya cari kode </body>
- Tambahkan javascript di bawah ini di atas kode tersebut

<!--Navigasi Nomor Starts-->
<script type='text/javascript'>
var postperpage=4;
var numshowpage=2;
var upPageWord = &#39;Prev&#39;;
var downPageWord = &#39;Next&#39;;
var urlactivepage=location.href;
var home_page=&quot;/&quot;;
</script>
<script style="text/javascript" src="https://cdn.rawgit.com/mowdot/mysitemap/master/pagination_duarupa_blogspot_com.js"></script>
<!--Page Navigation Ends -->

- Simpan Tema (Save Template)

• DEMO

KETERANGAN :

var postperpage=4; artinya jumlah posting maksimal dalam satu halaman (homepage) sebanyak 4 posting
var numshowpage=2; artinya kotak nomor yang ditampilkan sebanyak 2, halaman aktif tidak termasuk
var upPageWord = &#39;Prev&#39;; menunjukkan kata yang digunakan untuk kembali ke halaman sebelumnya
var downPageWord = &#39;Next&#39;; menunjukkan kata yang digunakan untuk ke halaman berikutnya

Sekian tutorial Contoh Cara Membuat Pagination (Navigasi Page Number) di Blogger. Semoga bermanfaat.

Share this post