Nav Halaman Dengan Tampilan Scroll

Caranya adalah sebagai berikut :

1. Login ke Akun Blogger anda masing-masing.
2. Klik Design or Rancangan, kemudian pilih Edit HTML
3. Centang (Expand Widget Template)
4. Untuk keamanan lebih baik kita (Download Template Lengkap)
5. Gunakan (Ctrl+F) or (Alt+E+F) untuk memudahkan pencarian
6. Lalu cari kode  ]]></b:skin> Lalu kopikan kode di bawah ini di atasnya :

.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/AVvXsEgkTgVZsQAdCe0evITLeZ4KfGGgMlcZj-Yj0mOXI2-fFs9WVX6QT22XUnLBjjLoP-yeUa0bCEyvBtDYQW7DLVHD-8dq9q6aOweaPVdcHj-oUH11npVB3AJfjEuVT13DLhblZkTIsnliQDU/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;
}

7. Selanjutnya cari kode  </body> dan kopikan kode berikut diatasnya :

<script src='http://kangdadang.googlecode.com/files/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://kangdadang.googlecode.com/files/PaginatorForBlogger.js' type='text/javascript'/>

NB:
yang berarna biru ubah sesuai pengaturan blog anda :
PostPerPage: Berapa banyak Post setiap Halaman untuk blog Anda
numshowpage: Banyak cara nomor akan muncul pada halaman Anda Navigasi
  
8. Cari kode

'data:label.url'

9. Ganti dengan kode dibawah ini

'data:label.url + "?&max-results=7"'

10. Save

Related Post

Tips Blogger

• Scroll Tampil Dipostingan Jika Diperlukan
• Membuat background Pada Judul Sidebar
• Menambahkan Twitter Button di Blog
• Membuat Saving Energy Dengan Gambar Sendiri
• Fixed Guestbook Slide Effect With jQuery
• Naruto Emot Untuk Komentar
• Efek Animasi Dasar Pada Blog
• Cara Mudah Membuat Tool Tip Dengan CSS
• Cara Mudah Membuat Textarea
• Membuat Menu Iklan (jQuery Ads Popout)
• Cara Membuat Slideshow Gambar (with jQuery)
• Membuat Simple Menu
• Efek-efek Tulisan Menggunakan CSS3
• Membuat Menu Daftar Isi Jtoctree
• Image Zoom Effect With Jquery
• Shoutbox Light Effect
• Membuat Hover Image CSS3 Pada Blog (Seperti Blog ini )
• Bertabur Cinta
• Light Hover Horizontal Menu With CSS For Blogger
• Cara Memindah-Mindahkankan Gambar Dengan jQuery
• Cara mudah memasukkan banyak Tab Widget pada sidebar
• Cara Pasang Efek Kupu - Kupu Berterbangan
• Merobah Domain Menjadi CO.TV
• Cara Memasang Efek Bintang Berjatuhan di Blog
• Make Border-Radius