Para
blogger yang tertarik membuat nomor halaman pasti udah gak sabaran
untuk memulainya. Nomor halaman yang akan kita buat sangat mudah. Fungsi
dari nomor halaman ini yaitu membantu sahabat menavigasi halaman satu
ke halaman yang lain seperti pada google search engine. Navigasi halaman
menjadi lebih mudah dibandingkan anda memasang link new post and old
post. Berikut ini adalah langkah-langkah memasang nomor halaman pada
blog sobat.
1. Login ke blogger
2. Pilih Rancangan dan klik Edit HTML
3. Cari kode ini ]]></b:skin>
4. Paste kode dibawah tepat diatas kode ]]></b:skin>
.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. Kopi dan paste kode berikut tepat diatas kode </body>
<!--Page Navigasi-->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=6;
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>
</b:if>
<!--Page Navigasi -->
5. Jika sudah simpan templatenya...
Keterangan: pada script diatas ada kode var displayPageNum=5; menunjukan jumlah nomor halaman yang ingin ditampilkan. Selamat mencoba
