![]() |
| Ilustrasi Paging Halaman. http://ubahsegalanya.blogspot.co.id/ |
BLOG, UBAHSEGALANYA.BLOGSPOT.CO.ID – Paging blog (Pagination) adalah kemampuan untuk membagi daftar posting atau single post menjadi beberapa halaman "paged" navigasi. Kita dapat mengatur berapa banyak postingan yang akan ditampilkan di setiap halaman.
(Baca juga : Cara Reset Template Blog Menjadi Kosong )
Dengan paging, artikel akan tertata dengan rapi berdasarkan nomor halaman masing - masing.
Untuk membuat paging halaman caranya seperti dibawah ini :
Untuk membuat paging halaman caranya seperti dibawah ini :
- Login Blog
- Masuk halaman "Tempalte -> Edit HTML" .
- Kemudian cari kode "]]></b:skin>" dengan menekan tombol "CTRL+ F".
Selanjutnya letakan kode berikut diatas kode "]]></b:skin>" - Cari kode "</body>" kemudian letakan kode dibawah ini diatas kode "</body>"
- Save Template, selesai selamat mencoba
/* ----- 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;
}
<!--Page Navigation Start-->
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=4;
var numshowpage=6;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://ahmad-rifai-tools.googlecode.com/files/pagenavi.js'
type='text/javascript'/>
<!--END Page Navigation -->

0 comments:
Post a Comment