Cara buat Page Navigation pada Blogger

Buat Page Navigation BLogger
Page Navigation Blogger

Page Navigation adalah merupakan sejenis halaman blog yang menunjukan jumlah jumlah postingan yang ditampilkan dalam satu halaman, Page Navigation Widget Blogger bertujuan sebagai alternatif untuk menggantikan kat kata posting lama, posting baru, dan halaman depan yang terdapat pada Blospot. Cara membuat Page Navigation Widget Blogger adalah sebagai berikut :

Tambahkan kode dibawah diatas kode ]]></b:skin> :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
/* Page Navigation */
#blog-pager{background:#fff;clear:both;width:auto;padding:22px;line-height:normal;position:relative;display:block;text-align:left;overflow:visible;margin:20px 0 5px 0}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{position:relative;background:#fff;display:inline-block;font-size:13px;color:rgba(0,0,0,.8);padding:5px 8px;margin:0 4px 0 0;box-shadow:0 1px 4px 1px rgba(0,0,0,0.1);border-radius:2px;transition:all .3s}
.showpageNum a:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 -2px 2px rgba(0,0,0,0.02);transition:box-shadow 0.5s}
.showpage a:hover,.showpageNum a:hover,.showpagePoint:hover{background:rgba(0,0,0,0.03);color:#333;position:relative;}
.showpagePoint{background:#2980b9;color:#fff;}
@media screen and (max-width:640px) {
#blog-pager {padding:12px;}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{margin:0 2px 2px 0;box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);}}
@media screen and (max-width:320px) {
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{padding:3px 6px}}
</style>
</b:if>
</b:if>
Tambahkan kode dibawah diatas kode </body> :

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<script type='text/javascript'>
/*<![CDATA[*/
var postperpage=7;
var numshowpage=3;
var upPageWord ='Prev';
var downPageWord ='Next';
var urlactivepage=location.href;
var home_page="/";
/*]]>*/
</script>
<script src='https://rawgit.com/dregd/js/master/navigation.js' type='text/javascript'/>
</b:if>
var postperpage=7; - Dimana angka 5 adalah jumlah pos yang apppear di halaman lain yang akan Anda kunjungi ( where 5 is the the number of post that apppear in another page you will visit. )

var numshowpage=3; - Kode ini menentukan jumlah tambahan nomor navigasi halaman yang akan ditampilkan pada halaman. ( This code determines the number of additional page navigation numbers that will be displayed on the page.)

Cara buat Page Navigation pada Blogger