Cara Membuat Page Navigation Numeric

Cara Membuat Next Page Bergaya Numeric :
1. login Blog
2. rancangan --> Edit HTML
3. cari kode ]]></b:skin>
4. lalu copy kan kode dibawah ini tepat diatas kode ]]></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;}

5. lalu cari kode </body>
6. lalu copy kan kode dibawah ini tepat diatas kode </body>

<script type=text/javascript>
var pageCount=5;
var displayPageNum=5;
var upPageWord=&#39;Previous&#39;;
var downPageWord=&#39;Next&#39;;
</script>
<script src=http://experimentz.googlecode.com/files/pag3.js type=text/javascript/>

7. Save dan lihat hasilnya.....

NB : kode yang berwarna merah bisa sobat ganti sesuka sobat . Dan kalau gak mau ribet, ya gak usah diganti... hehehehehehe

Good Luck ^_^ ........

Related Posts by Categories