Trik Untuk Membuat Pagging Navigasi di Blogspot

Trik Untuk Membuat Pagging Navigasi di Blogspot - Aduh dah lama gak muncul akhirnya saya kembali lagi untuk share bagaimana cara membuat pagging navigasi. Sobat blogger pasti dah pada tau dong apa itu pagging navigasi? Pagging navigasi ini berguna untuk mempermudah pengunjung dalam mencari artikel dihalaman tertentu sesuai dengan keinginan mereka. Cara bikinnya cukup mudah kog sob, silahkan simak langkah langkahnya berikut ini.

1. Masuk ke blog anda.
2. Pilih dan klik Template.
3. Klik Edit Html.
4. Jangan lupa centang Expand Template Widget.
5. Kemudian cari kode ]]></b:skin> 
6. Lalu copy kan kode dibawah ini diatas kode ]]></b:skin>
/* ----- Page Navigation styles ----- */

.showpageNum a {
padding: 2px 5px;
margin:0 5px;
text-decoration: none;
border:1px solid #ccc;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #eee;
}
.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #ccc;
background: #ddd;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 2px 5px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}
7. Selanjutnya cari kode </body> lalu copy kan kode dibawah ini tepat diatas kode </body>


<!--Page Navigation Start-->
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=4;
var numshowpage=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://ahmad-rifai-tools.googlecode.com/files/pagenavi.js'
type='text/javascript'/>
<!--END Page Navigation -->
8. Jangan lupa simpan Template nya sob.

Nah sekarang tinggal lihat aja pada blog sobat, pasti ada perubahan. Semoga bermanfaat !!