CARA MEMASANG PAGE NUMBER PADA BLOGGER

BLOGGERPOX.COM - Tutorial kita kali ini adalah cara membuat page number pada blogger, page number merupakan perinta untuk berpindah halaman, page number sama halnya dengan tombol next pada blogger, sudah sering kita temui blog dengan menggunakan page number yang bermaksud memudahkan para pengunjung melihat beberpa artikel lama yang telah kita posting sebelumnya.

Berikut Langkah-langkah membuat Page Number pada Blogger
 

1. Masuk dahulu ke Dashboard blogspot Anda, selanjutnya pilih Rancangan (Layout) dan pilih Edit HTML, seperti biasa contreng option Expand Widget Templates, selanjutnya cari kode berikut: ]]>;
2. Setelah ketemu, di atas kode ]]> letakkan kode di bawah ini :                                              
   .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;
   }
   
   
3. Lalu cari lagi kode seperti ini: ;
4. Jika sudah ketemu, di atas kode letakkan script di bawah ini: 
   <b:if cond='data:blog.pageType != "item"'>
   <script type='text/javascript'>
   var pageCount=5;
   var displayPageNum=5;
   var upPageWord ='Previous';
   var downPageWord ='Next';
   </script>
   <script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
   </b:if>
5. Selanjutnya carilah kode berikut ini : 'data:label.url';
6. Hapus kode ini : 'data:label.url' dan gantilah dengan kode di bawah ini:
   'data:label.url + "?&max-results=5"'
7. Terakhir Simpan Templates, Selamat Mencoba