Cara Memasang Page Navigasi di blog

 Cara merubah tombol "postingan lama" dan "postingan baru" pada sebuah halaman blog diganti dengan angka 1,2,3 atau Page Navigation

Membuat page navigatsi - Cara merubah tombol postingan lama dan postingan baru pada sebuah blog diganti dengan angka 1,2,3 dan seterusnya atau disebut dengan page navigasi sudah diketahui banyak blogger, karena trik semacam ini sudah lama tersebur di internet. Namun tidak ada salahnya saya melakukan share ulang terhadap trik dan tips Cara merubah tombol postingan lama dan postingan baru pada sebuah blog diganti dengan angka 1,2,3 atau Page Navigation. Berikut ini adalah langkah-langkahnya :

1. Login ke blog kamu
2. Pergi ke template
3. Pilih Sesuaikan/Costumize
4. Pilih Tingkat Lanjut / Advanced
   
5. Copy Kode di bawah ini dan Paste di kotak Tambahkan CSS pada halaman "Tingkat lanjut / Advanced" 

6. .showpageArea a {
   text-decoration:underline;
   }
   .showpageNum a {
   text-decoration:none;
   border: 1px solid #cccccc;
   margin:0 3px;
   padding:3px;
   }
   .showpageNum a:hover {
   border: 1px solid #cccccc;
   background-color:#cccccc;
   }
   .showpagePoint {
   color:#333;
   text-decoration:none;
   border: 1px solid #cccccc;
   background: #cccccc;
   margin:0 3px;
   padding:3px;
   }
   .showpageOf {
   text-decoration:none;
   padding:3px;
   margin: 0 3px 0 0;
   }
   .showpage a {
   text-decoration:none;
   border: 1px solid #cccccc;
   padding:3px;
   }
   .showpage a:hover {
   text-decoration:none;
   }
   .showpageNum a:link,.showpage a:link {
   text-decoration:none;
   color:#333333;
   }
   

7. Klik Simpan / Terapkan ke Blog
8. Klik Kembali Ke Blogger
9. Pilih Template - Edit HTML
10. Cari kode </body>
11. Kemudian Masukkan kode di bawah ini ke atas kode tadi

    <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <script type='text/javascript'>
    var pageCount=5;
    var displayPageNum=3;
    var upPageWord =&#39;Prev&#39;;
    var downPageWord =&#39;Next&#39;;
    </script>
    <script src='http://pitik.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
    </b:if></b:if>
    </b:if>
    

12. Simpan
    

Keterangan :

var pageCount=5;(untuk menampilkan jumlah post di halaman utama) dan
var displayPageNum=3;(untuk menampilkan Nomor Halaman)

Semoga tutorial Cara memasang page navigasi ini bermanfaat 

Share it:

• Facebook
• Twitter

Author: Operator Sekolah