Membuat Nomor Halaman Pada Blog

Assalamualaikum.Wr.Wb
Untuk memberikan kenyamanan pada pengunjung juga memberikan kesan keindahan. biasanya website-website besar seperti google memberikan nomor halaman.
Contohnya seperti kawan pada saat mencari gambar, pada bagian bawah kawan pasti menemukan nomor halaman, kurang lebihnya itu yang akan Iq bahas.
Untuk para blogger-pun bisa seperti google tentunya dengan motif yang bisa disesuaikan.

Contohnya seperti gambar di atas
Bagaimana caranya...?
Langsung saja..

• Login -> Template -> Edit HTML -> Lanjutkan
• Centang Expand Template Widget
• Selanjutnya cari kode ]]></b:skin> untuk mempermudah bisa menekan CTRL + F
• Copy dan Paste kode script tepat Diatas/Sebelum 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;
}  

• Selanjutnya cari kode </body> 
• Copy dan Paste kode script tepat Diatas/Sebelum 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>

• Save Template dan lihat hasilnya

Selamat mencoba, dan semoga berguna untuk semua
Wasslamualaikum.Wr.Wb