Membuat Navigasi 1 2 3 Next Dibawah Posting

Postingan kali ini saya akan membahas sedidkit tentang widget Page navigasi 1 2 3 next dibawah postingan tanpa melakukan edit html. Sebenarnya page navigasi bawaan sudah tersedia tapi tampilanya hanya berupa

Posting Lebih Baru Beranda Posting Lama

Tapi kali ini akan saya berikan cara memasang page navigasi yang akan memudahkan untuk menuju dengan cepat ke artikel selanjutnya dan anda bisa lihat tampilanya seperti dibawah ini atau dibawah postingan ini.

Pages(10) 1 2 3 4 5 6 (Next)



jika anda tertarik untuk memasang widget Page navigasi ini silahkan langsung copy script dibawah ini.

Masuk Blog Anda >> Dasboard >> Design >> Add Gadget >> Add Html >>Copas Script dibawah ini dan sebaiknya diletakan dibawah postingan






<style type='text/css'>
.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;
}
</style>
<script style='text/javascript'>var pageCount=5;var displayPageNum=5;var upPageWord="Previous";var downPageWord="Next";</script>
<script style='text/javascript' src='http://blogergadgets.googlecode.com/files/blogger-page-nav-v2.js'></script>

Selamat mencoba !!!