Membuat Navigasi Page Number Pada Blog

Pada artikel kali ini, saya ingin berbagi tips cara membuat navigasi page number pada blog, khususnya buat teman-teman yang belum tau. Dengan membuat navigasi, akan membuat pengunjung menjadi lebih nyaman dan mudah karena akan membantu para pengunjung berganti halaman menuju tulisan sebelum atau setelah dari tulisan yang sedang dibaca tanpa ada keterangan nomor halaman. Pembuatann navigasi page number ini sangat mudah, teman-teman gak usah repot. Berikut saya akan berikan tipsnya!

Pertama, pergilah ke dashboard blogger anda, selanjutnya, pilih tata letak, dan pilih edit html. Jangan lupa contreng option expand widget templates.

Kemudian carilah kode/script : 

]]></b:skin>

Selanjutnya, letakkan kode dibawah ini tepat diatas kode tersebut :

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

Setelah itu, cari kode berikut :

</body>

Jika sudah ketemu, letakkan kode berikut tepat diatas kode tersebut :

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

Langkah terakhir, carilah kode berikut ini :

'data:label.url'

Jika sudah ketemu, hapuslah kode tersebut dan ganti dengan kode dibawah ini :

'data:label.url + &quot;?&amp;max-results=5&quot;'

Terakhir, simpan templates anda, dan anda bisa lihat hasilnya!

Keterangan :

pageCount  : jumlah tulisan/posting/artikel yang akan ditampilkan dalam satu halaman.

displayPageNum : jumlah nomor halaman yang ditampilkan (jika diisi dengan angka 7 berarti nomor halaman yang muncul ada 8, ditambah satu untuk halaman satu). 

upPageWord : mengarahkan kita ke halaman yang lebih baru (tulisan Previous bisa diganti sesuai dengan keinginan).

downPageWord : mengarahkan ke halaman yang lebih lama (tulisan Next bisa diganti sesuai dengan keinginan).