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>.
.
123456789<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>
.
1234567891011<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 |
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon