Sunday, June 5, 2011

Cara membuat Next Page Dengan Angka

Next page dengan angka tombol navigasi di bagian bawah postingan. Tombol navigasi ini banyak terdapat di blog-blog penyedia template, download music dan di mbah kita google juga ada. Jika sobat tertarik ?.

Cara membuatnya sebagai berikut :

- Login ke blogger
- Masuk ke Rancangan (Design) dan Edit HTML
- Lalu centang Expand Widget Template
- Cari kode ]]></b:skin>, kemudian letakan kode di bawah ini 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;}
- Selanjutnya cari kode </body> . Setelah itu letakan kode berikut sebelumnya.

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

Simpan trus liat hasilnya.taraa ...selesai deh..!!!

No comments:

Post a Comment