Navigasi halaman adalah suatu daftar halaman pada blog dengan nomor - nomor halaman. Dengan memasang navigasi halaman tentunya akan memudahkan pengunjung dalam menjelajahi blog Anda.
Langkah Pertama
Simpan kode CSS dibawah ini diatas kode
</head>..
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style type="text/css">
.showpageNum a,.showpage a,.showpagePoint{margin-top:10px;margin-bottom:20px;background:#f35d5c;border:none;margin-left:5px;color:#FFF;font-size:15px;font-family:'Arial';font-weight:700;transition:all 0.3s ease-in-out;padding:10px 15px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);}
.showpagePoint{background:#555;color:#fff;}
.showpageNum a:hover,.showpage a:hover{background:#555;color:#fff;}
</style>
</b:if>
</b:if>
Silakan Anda atur CSS nya untuk menyesuaikan dengan kebutuhan blog.
Langkah Kedua
Simpan kode dibawah ini diatas kode
</body>.
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=8;
var upPageWord ='Prev ';
var downPageWord =' Next';
</script>
<script src='https://googledrive.com/host/0B8WEGGjyXlaMMWdabjB6Q3RhRjg/PageNavigation.js' type='text/javascript'></script>
</b:if>
</b:if>
Pengaturan
| Opsi | Keterangan |
|---|
pageCount | Jumlah per halaman |
displayPageNum | Jumlah halaman yang ingin ditampilkan |
upPageWord | Tombol sebelumnya |
downPageWord | Tombol selanjutnya |
