Cara Membuat Navigasi Halaman Bernomor

Kali ini yang akan dibahas adalah Membuat Navigasi Halaman Bernomor. Fungsi navigasi halaman adalah agar pengunjung blog anda lebih mudah berpindah-pindah dari halaman yang satu ke lainnya, atau meloncat ke halaman yang diinginkan.

Silahkan ikuti langkah-langkah berikut untuk membuat navigasi halaman dengan nomer:

• Login ke blog anda Klik Disini,
• Pilih ‘TATA LETAK’
• Klik "Edit HTML"
• Agar aman, silakan anda Download dulu template anda (klik Download Template Lengkap), Pada bagian atas
• (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;   }

• 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 -->

• Klik simpan template dan lihat hasilnya

Klik link dibawah ini untuk trik lainnya