Membuat Page Navigation Blogger

Membuat page navigasi seperti ini :



Caranya :
Masuk ke Rancangan > Edit HTML > centang Expand Template Widget
copy kode ini :

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #FF8C00;
margin:0 5px;
padding:5px;
}
.showpageNum a:hover {
border: 1px solid #FF8C00;
background-color:#FF8C00;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #FF8C00;
background: #FF8C00;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #FF8C00;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

lalu pastekan diatas kode :

]]></b:skin>

Kemudian cari kode di bawah ini

</body>

dan ganti kode tadi dengan kode dibawah ini

<!--Page Navigation Starts-->
<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://woxwox.googlecode.com/files/blogger-page-navi.wox.js'
type='text/javascript'/>
</b:if>
<!--Page Navigation Ends-->
</body>

klik simpan template...
Lihat hasilnya
Selamat berkreasi...