Cara memasang Page navigation di blog terbaru

pada malam hari ini fadil mau share tutorial blog lagi ni yaitu cara memasanng page navigation di blog ya dulu fadil juga pernah share tutorial ini tapi fadil punya cara yang terbaru dan lebih cantik dan mudah untuk di gunakan ya memang abu-farhan widgetnya pada keren buat yang mau coba langsung di check aja deh :

Step 1 :

1. Login ke blogger dashboard  Layout > Edit Html / TEMPLATE > EDIT HTML
2. setelah itu cari kode berikut agar lebih mudah gunakan ctrl + F

]]></b:skin>

dan ganti/replace dengan kode di bawah ini :

.paginator {
 margin-top:60px;
 font-size:1em;
}
.paginator table {
 border-collapse:collapse;
 table-layout:fixed;
 width:100%;
}
.paginator table td {
 padding:0;
 white-space:nowrap;
 text-align:center;
}
.paginator span {
 display:block;
 padding:3px 0;
 color:#fff;
}
.paginator span strong,
.paginator span a {
 padding:2px 6px;
}
.paginator span strong {
 background:#ff6c24;
 font-style:normal;
 font-weight:normal;
}
.paginator .scroll_bar {
 width:100%; height:20px;
 position:relative;
 margin-top:10px;
}
.paginator .scroll_trough {
 width:100%; height:3px;
 background:#ccc;
 overflow:hidden;
}
.paginator .scroll_thumb {
 position:absolute;
 z-index:2;
 width:0; height:3px;
 top:0; left:0;
 font-size:1px;
 background:#363636;
}
.paginator .scroll_knob {
 position:absolute;
 top:-5px; left:50%;
 margin-left:-10px;
 width:20px; height:20px;
 overflow:hidden;
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDVFfIIbDlzvtBFHAHW0IvHA8LL0s19aYD6Nl6EfVC7F1nHFRn-5GiFr1Ez2TApTJp90PpWeA8f6ABKiqtLuyVffWea_oVvkj6mpE4LgnuQOvtlWv7RQD67njnqdNKROntJYjYb_0EZs/s1600/slider_knob.gif) no-repeat 50% 50%;
 cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
 position:absolute;
 z-index:1;
 top:0; left:0;
 width:0; height:3px;
 overflow:hidden;
 background:#ff6c24;
}

.fullsize .scroll_thumb {
 display:none;
}

.paginator_pages {
 width:600px;
 text-align:right;
 font-size:0.8em;
 color:#808080;
 margin-top:-10px;
}
]]></b:skin>

STEP 2 :

CARI KODE DI BAWAH INI MENGGUNAKAN CTRL + F

</body>

dan ganti/replace dengan kode di bawah ini :

<script src='http://scriptabufarhan.googlecode.com/svn/trunk/paginator3000.js' type='text/javascript'></script>
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=6;
</script>
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/paginator3000-forblogger-v1.0.0.js' type='text/javascript'/>
</body>

sumber: http://www.bagi-ilmu-komputer.com