Membuat Pages Number Navigation

Halaman ini fungsinya akan membuat templateblog lebih indah dan memudahkan pengunjung untuk melihat lihat isi halaman blog kita. Selain itu juga membuat template menjadi seo friendlywalaupun pakar seo tidak bilang begitu tapi saya rasa itu juga membuat dampak seo pada template blog.

Cara membuat navigasi nomer halaman :
cari kode ]]></b:skin> script css berikut ini tepat di atas 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;
}

kemudian selanjutnya cari kode </body>, letakan script di bawah ini tepat 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://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>

Terakhir simpan template, dan lihat hasil nya navigasi page number akan terpasang di blog.