Memasang Nomor Halaman pada Blogger

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;
}

5. Cari kode </body>
6. Kopi dan paste kode berikut tepat diatas kode </body>

<!--Page Navigasi-->
<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=6;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</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