Posted by : Miftahur Rohman Wednesday, July 24, 2013


Cara memberi atau memasang navigasi nomor halaman di blog - Ada yang sudah tau apa itu navigasi nomor halaman? Itu lho navigasi yang berupa nomor-nomor di bawah sebuah page/halaman blog atau orang-orang sering menyebutnya sebagai navigasi page number atau pages number navigationTujuan dari pembuatan menu ini adalah untuk memudahkan pengunjung menjelajahi blog kita sehingga kemungkinan mereka akan betah.


navigasi nomor halaman

 
1. Login ke akun blog sobat
2. Rancangan >> Edit HTML (jangan lupa centang expand template widget)
3. Cari kode ]]></b:skin>
4. Letakkan script berikut di bawah tepat di atas kode nomor 3 tadi

.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;
}  
5. Cari kode </body> dan letakkan script di bawah tepat di atas kode berikut.

 <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>
6. Simpan template sobat dan lihat hasilnya.

Leave a Reply

Subscribe to Posts | Subscribe to Comments

Welcome Message

Category

Artikel Terkait

Tweets

Download Mp3

- Copyright © Tempatku Belajar -Santri Krapyak- Powered by Blogger