Selamat malam (kok slalu malam?, y karena waktu luangnya tengah malam). Kali ini saya akan sharing soal bagaimana sih cara untuk membuat navigasi halaman yang nyentrik sekaligus mudah untuk dibuat. Kalo anda perhatikan di blog saya ini ada yang baru, yup! navigasi halamannya. pengen yang itu? ikuti petunjuk dibawah ini.

Hasilnya ntar mirip gambar yang ini..
1. Silahkan masuk ke Design ->  Edit HTML -> Centang Expand Widget Template

2. Cari kode dibawah ini

]]></b:skin>

3. Paste script dibawah ini diatas script ]]></b:skin>

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

4. Cari tag </body> lalu paste script dibawah ini diatas tag </body>

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

5. Lalu tinggal di-save beres dah....

Membuat Navigasi Halaman di Blog 9out of 10 based on 10 ratings. 9 user reviews.