-->
© 29-Nov-2011
About the Author
11:18 WIB
Snippet

Membuat Page number pada blog

Maksud dari page number itu sendiri, adalah Penomeran setiap halaman dan ditampilkan pada satu menu navigasi, dengan Fasilitas Jump page atau kita bisa memilih langsung Page ke berapa pada blog yang ingin kita kunjungi, untuk contohnya bisa dilihat digambar di bawah ini :

Untuk cara membuatnya ikuti langkah-langkah berikut:




  1. Login blogger
  2. Rancangan, Edit Html
  3. Centang menu  Expand Template Widget
  4. Cari kode ]]></b:skin>
  5. Dan Simpan kode berikut diatasnya :
.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;
}
6. Simpan kode berikut di atas kode </body> :
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://kangdadang.googlecode.com/files/blogger-page-nav.js' type='text/javascript'/>
</b:if>
7. Cari kode di bawah ini (CTRL+F untuk mempermudah pencarian):
'data:label.url'
jika sudah ketemu ganti kode diatas dengan :
'data:label.url + &quot;?&amp;max-results=5&quot;'
8. Simpan template dan lihat hasilnya.

Leave a Reply