Kalau Anda penasaran cara membuat next page pada blog, langsung saja kita ikuti langkah-langkah pembuatannya dibawah ini :
1. Login akun blogger Anda.
2. Pilih Template ---> Edit HTML ---> klik Expand Template Widget.
3. Cari kode ]]></b:skin> kemudian letakkan kode dibawah ini tepat diatas ]]></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;}
4. Selanjutnya cari kode </body> kemudian letakkan kode dibawah ini tepat diatas </body>
.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;}
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord='Previous';
var downPageWord='Next';
</script>
<script src='http://id-pemula-javascript.googlecode.com/files/blogger-page-nav-v2.js' type='text/javascript'/>
5. Simpan template.
var pageCount=5;
var displayPageNum=5;
var upPageWord='Previous';
var downPageWord='Next';
</script>
<script src='http://id-pemula-javascript.googlecode.com/files/blogger-page-nav-v2.js' type='text/javascript'/>
Nah, sekarang blog Anda sudah terpasang tombol next page sehingga pengunjung dapat melihat halaman blog satu-persatu. Jika Anda masih mengalami masalah hubungi kami melalui contac.
hasilnya kok tidak sesuai gambar contoh??
ReplyDeletekunjungi www.catatansukiman.blogspot.com
http://gamesxanimefo.blogspot.co.id/
Deleteiya, aku kok ga bisa jugaaa????
ReplyDeletehasilnya tidah bisa ?
ReplyDeletecoba kunjungi www.terapisuara.com
nyimak aja.... follow back ya di http://arrizg.blogspot.com/
ReplyDeletebelum bisa gan..padahal sudah pasang di blog
ReplyDeletekeren ..
ReplyDeleteprofesional nih tutorial nya ..
blog ane jd keren karna tutorial ini..
http://rajaiklan.blogspot.com
sama aku juga gak bisa gak ada hasil nya gan gmana ????
ReplyDeletenuhun kang....
ReplyDeletehttp://zetredbudz.blogspot.com
gan kalo buat nex page nya di dalam laman postingan label gimana agar tidak panjang ?
DeleteMohon bantuannya gan
http://id-pemula.blogspot.com/2013/04/cara-mengatur-jumlah-posting-yang.html
DeleteThis comment has been removed by the author.
ReplyDeletemas saya sudah bisa untuk membuat next page dari tutorial ini, tapi ketika saya klik next tidak keluar pos yang terdahulu ?
ReplyDeletethanks visit back :) historiyan.blogspot.com
ReplyDeleteGak bisa gan..
ReplyDeletecoba cek http://blog-raja-download.blogspot.com/
thanks for sharing. visit me http://rempasboy.blogspot.com
ReplyDeleteObat Sipilis
ReplyDeletethanks ya
ReplyDeleteGan, template bawaan ane udah ada fitur next 1 2 3 4 5 previous bla bla nya....tapi knapa ya akhir2 ini suka error.
ReplyDeletesaya pencet 3 malah tetep diem di 1. saya pencet next tetep diem di 1. kadang saya tekan next langsung ke ujung 12...
knapa ya ? solusi dong mas gan ?
keren
ReplyDeleteartikel lain bisa baca disini
ReplyDeletewww.rypmultimedia.ga
terimakasih ,apakah tidak ada cara lain tanpa mengedit html?
ReplyDeleteMakasih banyak infonya.
ReplyDeleteJika berken bisa juga kunjuanya ke blok ana.https://www.jagomemasak.com/2021/02/pepes-ikan-bandeng.html?m=1