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 dari blog sobat. Tombol next page yang satu ini berbeda dengan tutorial blogger lainnya, karena mungkin tutorial ini belum pernah ada yang share dan CSS nya saya ambil dari template Fastest Magz, dan kode JavaScript nya saya ambil dari beberapa sumber. Dan saya upload ulang alamat javascript nya untuk mencegah apabila, hosting di google code dihapus, ada baiknya sobat upload ulang untuk mencegah terjadinya error.
Cara Membuat Tombol Next Page Dengan Angka di Blog:
1. Login ke blogger.com
2. Pada dashboar -> template -> klik edit HTML
3. Kemudian tambahkan kode dibawah ini diatas ]]></b:skin>
.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}
<script
type='text/javascript'>
var
pageCount=4;
var
displayPageNum=4;
var
upPageWord='Prev';
var
downPageWord='Next';
</script>
<script type="text/javascript"src="https://googledrive.com/host/0By9Vs49VphQqeWVMYzNqbWlNaU0"></script>
EmoticonEmoticon