Membuat Navigasi Halaman

Navigasi Halaman atau Page Navigation digunakan untuk menomori setiap halaman blog. Selain untuk mempermudah pengunjung, blog yang menggunakan Navigasi juga terlihat lebih elegan.

Berikut langkah-langkah agar blog kamu mempunyai Navigasi :

1. Login ke Blogger.com
2. Masuk ke Dasbor > Rancangan > Edit HTML
3. Centang Expand Template Widget
4. Cari kode ]]></b:skin> , untuk memudahkan pencarian gunakan kombinasi keyboard Ctrl + F
5. Tambahkan kode berikut tepat di atas kode ]]></b:skin>
/* Page Navigation styles */
.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #ddd;
  }

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc;
  }

.showpagePoint {
  color:#fff;
  text-shadow:0 1px 2px #333;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  border:1px solid #999;
  background: #666;
  text-decoration: none;
  }
6. Selanjutnya tambahkan kode berikut tepat di atas kode </body>
<!--Page Navigation Starts-->
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=4;
var numshowpage=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://mrmung.googlecode.com/files/pagenav.js' type='text/javascript'/>
<!--Page Navigation Ends -->
7. Terakhir simpan pengaturan dengan mengklik Simpan Template.

Sedikit tambahan, kode yang berwarna merah bisa kamu ganti sesuka hatimu.

- postperpage  : banyaknya tulisan yang dimunculkan tiap page/halaman

- numshowpage : banyaknya no urut yang terlihat pada tiap halaman 

Ok sekian dulu ya, have fun to blogging.

Panduan Bisnis Internet: