Cara Membuat Navigasi Halaman

Fungsi navigasi halaman ini, agar pengunjung blog anda lebih mudah berpindah-pindah dari halaman yang satu ke lainnya, atau meloncat ke halaman yang diinginkan. Jika anda kurang paham silakan amati gambar berikut, saya ambil contoh pada blog ini :

Yang ditandai anak panah dalam kurung gambar diatas itu yang dimaksud dengan navigasi halaman.

Okayy, Sekarang cara membuatnya :

1. Login ke blog anda Klik DISINI,
2. Pilih ‘TATA LETAK’
3. Klik "Edit HTML"
4. Agar aman, silakan anda Download dulu template anda (klik Download Template Lengkap), Pada bagian atas
5. (gunakan Ctrl + F) Cari kode ; ]]></b:skin>  ; kemudian letakan kode dibawah ini di atas kode  ]]></b:skin> . 

 /* Page Navigation styles */ .showpageNum a {   padding: 3px 8px;   margin:0 4px;   text-decoration: none;   border:1px 1px 1px 1px solid #CEE3F6; -webkit-border-radius:3px;-moz-border-radius:3px;   background: #CEE3F6;   } .showpageOf { margin:0 8px 0 0; } .showpageNum a:hover {   border:1px 1px 1px 1px solid #81BEF7;   background: #58ACFA;   } .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 1px 1px 1pxsolid #01DF01;   background: #088A08;   text-decoration: none;   }

6. Kemudian  cari kode  </body> dan letakkan kode dibawah ini, diatas 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='https://sites.google.com/site/informasianyar/hlamnnavanyar.js' type='text/javascript'/> <!--Page Navigation Ends -->

7. Klik simpan template,
8. Selanjutnya, klik tandai Expand Template Widget
9. Cari kode  'data:label.url'
10. Dan ganti semuia  kode 'data:label.url' dengan 'data:label.url + "?&max-results=5"'
11. Selesai
12. Selamat Mencoba !

Digital Areas