Cara Membuat Tombol Navigasi Untuk Blogger

Oke, tombol navigasi yang ada di blog itu fungsinya untuk memindahkan halaman blog ke halaman sebelumnya atau selanjutnya yang akan menampilkan posting-poting lain yang tidak mungkin akan muat jika ditampilkan hanya dalam satu halaman. Tombol navigasi ini akan memudahkan para pengunjung untuk melihat-lihat isi blog.

Baiklah.. Langsung saja, berikut ini caranya..
Cekidot..

1. Buka blogger.
2. Buka tata letak blog kamu.
3. Tambah gadget dan pilih HTML/Javascript.

• Copy paste kode dibawah ini :

<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/AVvXsEgrJGtM5UtZQuYEIleJKmemw0ObhFiG61F-8fCHIJwnXGjf2JfmbU15z4NWMuhwNJ93Br0FE-PzMDON68xwu8QMAeBYqjhqS16JgllWqkEYg4zuQ6m52Pl-k1s9PN-1aXsG9NZRHw4wU4o/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/AVvXsEigbxFtBpkOo1yIDtibq04SES9iJR3OXRAGY9zwpBKhUcERnnacrATj6JnGuOWkrSB8jrJvzES4uDevI5iIRMdmwlZxuBNq8tqIPf3jQMC6mdE2FJBPgPRJxO2X0xT7Y4kcgCYwfQ6Ag8I/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 :

1. Ganti 10 dengan jumlah posting yang akan ditampilkan dalam satu halaman.
2. Ganti 5 dengan banyaknya tombol navigasi.
3. Ganti Prev. dengan teks yang akan menunjukkan tombol sebelumnya. 
4. Ganti Next dengan teks yang akan menunjukkan tombol selanjutnya.

• Selanjutnya klik Simpan/save.
• Seret gadget yang telah dibuat tadi kebawah gadget posting.

• Setelah itu klik simpan setelan.

Atau untuk cara yang lebih mudah silahkan gunakan Page Navigation Widget dari Helper Blogger.

Widget Navigation

Tengkyuu ...