Selain sebagi pengganti Link Posting Baru, Beranda, dan Link Posting Lama, nomor halaman jugan mempercantik tampilan blog kita dan berfungsi untuk mempermudah pengunjung yang ingin membaca artikel² kita yg telah lalu..
Nah. Bagi sobat² yang ingin membuat Nomor Halaman Blog (Number Page) berikut langkah² nya:
1. Login keblog sobat
2. Klik Rancangan
3 klik Edit HTML
4. Centang tulisan Expand Template Widget
5. Copy kode dibawah ini dan pastekan di atas kode ]]></b:skin>
/* -- NUMBER PAGE NAVIGATION -- */
.showpageArea a{
text-decoration:underline;
}
.showpageNum a{
text-decoration:none;
border:1px solid#006400;
margin:0 2px;
padding:2px;
}
.showpageNum a:hover{
border:1px solid#006400;
background-color:#006400;
}
.showpagePoint{
color:#111;
text-decoration:none;
border:1px solid#006400;
background:#006400;
margin:03px;
padding:3px;
}
.showpageOf{
text-decoration:none;
padding:2px;
margin:0 2px 0 0;
}
.showpage a{
text-decoration:none;
border:1px solid#006400;
padding:2px;
}
.showpage a:hover{
text-decoration:none;
}
.showpageNum a:link,.showpage a:link{
text-decoration:none;
color:#111;
}
.showpageArea a{
text-decoration:underline;
}
.showpageNum a{
text-decoration:none;
border:1px solid#006400;
margin:0 2px;
padding:2px;
}
.showpageNum a:hover{
border:1px solid#006400;
background-color:#006400;
}
.showpagePoint{
color:#111;
text-decoration:none;
border:1px solid#006400;
background:#006400;
margin:03px;
padding:3px;
}
.showpageOf{
text-decoration:none;
padding:2px;
margin:0 2px 0 0;
}
.showpage a{
text-decoration:none;
border:1px solid#006400;
padding:2px;
}
.showpage a:hover{
text-decoration:none;
}
.showpageNum a:link,.showpage a:link{
text-decoration:none;
color:#111;
}
6. Kemudian copy kode dibawah ini dan pastekan diatas kode </body>
<b:if cond='data:blog.pageType! = "item"'>
<scripttype='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord='Previous';
vardownPageWord ='Next';
</script>
<scriptsrc='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
<scripttype='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord='Previous';
vardownPageWord ='Next';
</script>
<scriptsrc='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
7. Terakhir, cari kode seperti ini 'data:label.url'
Hapus kode Tersebut, dan ganti dengan kode di bawah ini
'data:label.url+"? &
max-results=5"'
max-results=5"'
8. Simpan, dan selesai
Sekarang lihat blog sobat, cantik bukan.....?????
Sumber: http://lovelizzers.blogspot.com/2010/07/cara-membuat-nomor-halaman-blog-number.html