Memasang Navigasi Halaman Pada Blog yaitu memasang suatu daftar halaman pada blog dengan nomor-nomor halaman. Dengan memasang navigasi tentunya akan memudahkan pengunjung dalam menjelajahi blog Anda. Memasang navigasi halaman pada blog ini sangat sederhana sekali, dan jika Anda mau memasangnya di blog/website berikutlah tutorialnya;
Langkah Pertama
Simpan kode CSS dibawah ini tepat 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>
Silahkan Anda atur CSS-nya untuk menyesuaikan dengan kebutuhan blog Anda.
Langkah Kedua
Simpan kode dibawah ini tepat 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 |
Demikianlah artikel Memasang Navigasi Halaman pada Blog, semoga bermanfaat...
Blogger
Google+
Facebook
Twitter