Membuat Tombol Next Page Dengan Angka di Blog

Tombol Next Page perhalaman sangat diperlukan oleh sebuah Blog, ini akan dapat mempermudah pengunjung untuk menelusuri semua artikel postingan Blog. Coba Anda lihat pada bagian bawah HomePage Blog ini, disitulah Tombol Next Page akan muncul per halaman dan Tombol Next Page ini tidak akan muncul pada halaman Artikel.

Pada setiap halaman setelah HomePage akan muncul link seperti di bawah ini di Browser setiap kita klik Tombol Next Page, hampir sama dengan link pencarian artikel di Blog.

http://berbagitipsblogger.blogspot.co.id/search?updated-max=2016-03-10T07%3A12%3A00%2B08%3A00&max-results=xx

Jika Anda tertarik memasang Tombol Next Page Dengan Angka ini, silakan Anda ikuti petunjung di Bawah ini :

1). Login ke Blogger >> Template >> Edit HTML
2). Salin dan tempel kode di bawah ini sebelum kode ]]></b:skin>

/* Tombol Next Page Dengan Angka
----------------------------------------------- */
.showpageArea{float:left;color:#555;font-size:11px;margin:10px 0}
.showpageArea a{color:#555;text-shadow:0 1px 2px #fff}
.showpageNum a:hover,.showpage:hover{border:1px solid #b2b2b2;color:#555!important}
.showpage{margin:0}
.showpage:hover a{color:#555!important}
.showpagePoint{background:#f8f8f8;border:1px solid #b2b2b2;margin:0 2px 0 0;padding:5px 12px}
.showpageNum a,.showpageOf,.showpage{border:1px solid #e8e8e8;background:#f8f8f8;margin:0 2px 0 0;padding:5px 12px}

3). Kemudian Salin dan tempelkan kode di bawah ini sebelum Kode </body>

<script type='text/javascript'>
var pageCount=5;
var displayPageNum=6;
var upPageWord='Prev';
var downPageWord='Next';
</script>
<!-- Tombol Next Page Dengan Angka -->
<script type="text/javascript" src="https://googledrive.com/host/0By9Vs49VphQqeWVMYzNqbWlNaU0"></script>

Note:
- Silahkan Anda ganti angka, dan kata "Prev" dan "Next" sesuai keinginan Anda.
- Angka 5 menunjukan jumlah post yang ingin ditampilkan ketika menekan salah-satu nomor pada       tombol next page,
- Angka 6 menampilkan jumlah halaman yang ingin Anda tampilkan pada homepage blog Anda.

4). Terakhir simpan Template Anda.

Search Post

Label :