Cara Memasang Tombol Next Page Pada Blog

Micro Cyber 2 - Kali ini saya akan berbagi tentang cara memasang Tombol Navigasi/ Next Page.
Apa Sih Fungsi Tombol Next Page?
Fungsinya berguna untuk memindahkan suatu halaman ke halaman sebelum nya atau selanjutnya yang akan menampilkan posting-posting yang lain nya dan ditampilkan hanya dalam satu halaman.

Kenapa Sih Harus Dipasang Tombol Next Page?
Karena, agar pengunjung di blog sobat akan lebih mudah mengganti halaman, dan tidak terlalu lama. Tombol navigasi ini akan sangat memudahkan pengunjung blog sobat untuk melihat keseluruhan isi dari artikel  blog sobat.

Contoh Hasil dari Tutorial ini

Ini dia Cara Memasangnya :

1. Login ke akun blog sobat (www.blogger.com)
2. Pilih Menu 'Tata Letak'
3. Klik 'Tambahkan Gadget dan pilih HTML/ JavaScript'
4. Kemudian masukkan kode dibawah ini kedalam 'HTML/ JavaScript'

.:: Ini Kodenya ::.

<style>#blog-pager{clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float: left;}#blog-pager-older-link{float: right;}.Profile img{border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOleONHSokUyA5wh5m-hCtjPnTPV__8fKz_CH4Pix3cQy70TGcb4n_UJVUErJR1IPJ5Bm6quyc_-nBsT24FlnJ0t6IX2f9jXpSzHynlM57NI657FlyuSEJ9KjpjClmH6fxnJHxAMxG5QU/s1600/nav.jpg) repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6QvJWZZsty-qXJxs7YjaF1tRwylKAKD-lMx7v-TJ4ownyfURIbWdV6KSPJX3H-3332F-mBgq0xJT10DHoxp42-2EYiV9PW-E1Hwrg84ae72xe923al7FPQ0-mtYZnTpQ0DJj5BdI_OMY/s1600/nava.jpg) repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;}</style><script type='text/javascript'>var postperpage=10;var numshowpage=5;var upPageWord="Prev.";var downPageWord="Next";var urlactivepage=location.href;var home_page="/"</script><script src='http://code.helperblogger.com/hb-page-navi.js' type='text/javascript'></script>

Keterangan :

- Sobat bisa Ganti 10 dengan jumlah posting yang akan ditampilkan dalam satu halaman.
- Sobat bisa Ganti 5 dengan banyaknya tombol navigasi/tombol next.
- Sobat bisa Ganti Prev dengan teks yang akan menunjukkan tombol sebelumnya. 
- Sobat bisa Ganti Next dengan teks yang akan menunjukkan tombol selanjutnya.


5. Lalu Simpan, dan Lihat Hasilnya

Mungkin itu saja yang dapat saya sampaikan kali ini ...

Selamat mencoba dan semoga berhasil ya sob ! :D

.:: www.microcyber2.blogspot.com ::.