Cara Membuat Tombol Next Page Dengan Angka

Sahabat blogger pada kesempatan pagi yang cerah ini bang dadan akan membuat artikel tentang Cara Membuat Tombol Next Page Dengan Angka. Tombol next page ini sama fungsinya dengan tombol next page, previous, dan home yang terdapat pada bagian bawah postingan, namun yang satu ini kita merubah itu semua dengan angka, tujuan nya agar para pengunjung lebih mudah menjelajahi isi daripada blog kita.

Oke langsung saja bagi sobat yang ingin melihat DEMO nya silahkan sobat lihat pada bagian bawah blog ini, dan contoh nya silahkan sobat perhatikan gambar dibawah ini:

Cara Membuat Tombol Next Page Dengan Angka

---

1. Login ke blog
2. Masuk ke dasbor dan klik template => pilih Edit HTML
3. Backup Dulu Template anda dengan meng Klik Download Full Template (Terserah anda Ya atau Tidak. Tetapi lebih baik Ya)
4. Centang Expand Template Widget
5. Cari Kode ]]></b:skin> Copy kode di bawah lalu paste di atas kode ]]></b:skin>

.showpageArea a {text-decoration:underline;}
.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}
.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}
.showpage a:hover {text-decoration:none;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}

7. Selanjutnya cari kode </body>
8. Copy lalu paste kode di bawah ini tepat si atas kode </body>

<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord='Previous';
var downPageWord='Next';
</script>
<script src='http://codecbd.googlecode.com/files/page-no.js' type='text/javascript'/>

9. Klik pratinjau untuk memastikan terjadinya kesalahan
10. Apabila sudah oke dan silahkan sobat klik simpan template
11. Selesai

Sekian dulu pembahasan kita kali ini tentang Cara Membuat Tombol Next Page Dengan Angka, apabila ada yang ingin ditanyakan silahkan tinggalkan pesan pada kotak komentar. 

Terimakasih, selamat mencoba dan semoga bermanfaat ^_^

Tweet