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
- Login ke blog
- Masuk ke dasbor dan klik template => pilih Edit HTML
- Backup Dulu Template anda dengan meng Klik Download Full Template (Terserah anda Ya atau Tidak.tapi lebih baik Ya)
- Centang Expand Template Widget
- 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;}
.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/>
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..!!!
yang tidak tampil diposting tentang Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog.
Pada Posting sebelumnya saya pernah membahas tentang cara Cara Membuat Tombol Back To Top Menggunakan Javascript, tapi di postingan tersebut banyak yang tidak berhasil menggunakan cara tersebut jadi kali ini saya akan Cara Membuat Tombol Back To Top Part2, mudah-mudahan dengan cara yang kedua ini banyak yang berhasil :D
ting-
Sebelum masuk ke pembahasan saya mau curhat dulu sesungguhnya saya posting ini karena lagi ga ada kerjaan di tempat PKL dan saya juga bingung tadinya mau posting tentang apa, ya dari ga ada kerjaan sama sekali mening posting tentnag membuka boroknya blog saya dari semua gadget yang ada, dan sekarang saya akan membuka borok blog saya yang saya bangun sediri dari awal, yaitu tombol keep follow yang ketika di salah satu logonya di sorot oleh cursor maka logo tersebut akan membesar dan logo tersebut menjadi jelas tidak transparan lagi. Nah kalo yang tertarik dan mau memasangnya di blognya silahkan simak dan saksikan liputan berikut...
