Pagging Halaman Blogger

12.45 |


Membuat halaman Paging seperti :Page 4 of 5 Previous12345Next. Pertama pilih template kemudian klik Edit HTML cari kode ]]></b:skin>
Selanjutnya tempatkan kode di bawah ini persis di atas 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;
}
Cari kode </body> Kemudian letakkan script dibawah ini di atas kode </body> tersebut
<!--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://borisbaginda.googlecode.com/files/paging.js'
type='text/javascript'/>
<!--END Page Navigation -->
Jangan lupa SIMPAN templatenya. Silahkan mencoba!!


Tidak ada komentar:

Posting Komentar

 
Apycom jQuery Menus