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>
/* Tombol Next Page Dengan Angka by
Blog Krizeer
-----------------------------------------------
*/
.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}
4. Kemudian cari kode </body>,
dan tambahkan kode dibawah ini tepat diatasnya:
<script type='text/javascript'>var pageCount=4;var displayPageNum=4;var upPageWord='Prev';var downPageWord='Next';</script><!-- Tombol Next Page by BlogKrizeer.blogspot.com --><script type="text/javascript" src="https://googledrive.com/host/0By9Vs49VphQqeWVMYzNqbWlNaU0"></script>
5.Kemudian Simpan template
Catatan: silahkan sobat ganti angka "4", dan kata "Prev" dan "Next" yang saya kasih tanda kuning sesuai keinginan sobat.
Angka 4 pertama itu akan menunjukan jumlah
post yang ingin ditampilkan ketika mengklik salah-satu nomor pada tombol next
page tersebut, dan angka 4 kedua
akan menampilkan jumlah nomor yang ingin sobat tampilkan pada homepage
blog sobat.
Sumber: http://blogkrizeer.blogspot.com/ Cara Membuat Tombol
Next Page Dengan Angka di Blog - Blog Krizeer.html
1 komentar
Mantappp sgt bermanfaat
BalasHapusBerkomentarlah dengan baik-baik, tidak nyepam dan SARA, link aktif yang dipaksakan akan membuat anda di banned permanen, jadi mari kita berbagi dengan komentar-komentar sehat, dan bermanfaat, silakan berkomentar di bawah, secepatnya akan saya jawab, Salam..