Cara Membuat Tombol Next Page Dengan Angka

Tombol Next Page Dengan AngkaSahabat 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:
Tombol Next Page Dengan Angka
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 ^_^

3 Responses to "Cara Membuat Tombol Next Page Dengan Angka"

Chaa Dewi said...

thx infonya

tapi kenapa ya pas menggunakan label, tidak muncul penanda halamannya.?

mohon bantuannya

chaa.dewi@gmail.com

kata bijak super said...

keren infonya. makasih

Unknown said...

cara membuat next page dengan angka boleh juga nanti di coba.

/*! SCRIPT IKLAN */ /*! SCRIPT IKLAN */