Cara Membuat Tombol Next Page Dengan Angka

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.tapi 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

Related Posts

Anda sedang membaca artikel tentang Cara Membuat Tombol Next Page Dengan Angka dan anda bisa menemukan artikel Cara Membuat Tombol Next Page Dengan Angka ini dengan url https://blackyz-art.blogspot.com/2013/05/cara-membuat-tombol-next-page-dengan.html. Anda boleh menyebarluaskan atau mengcopy artikel Cara Membuat Tombol Next Page Dengan Angka ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.