Cara Membuat Tombol Next Page Yang Bagus

Posted on Wednesday 16 January 2013

Tombol navigasi halaman atau tombol next page yang bagus pada halaman blog sangat membantu  pengunjung dalam menjelahai blog atau website kita halaman demi halaman. Dengan adanya tombol next page ini disamping blog akan lebih mudah navigasinya, blog yang kita miliki juga akan lebih kelihatan rapi dan sedap di pandang mata.
tombol navigasi dengan angka

Cara membuat tombol next page ini sebenarnya tidak terlalu susah, yang kita lakukan hanyalah copy paste kode di bawah ini kedalam kode html yang ada pada blog kita.
Berikut langkah-langkah untuk membuat halaman navigasi next page atau tombol next page:
1. Login ke akun blog sobat dapurblogger
2. Klik Rancangan atau Template
3. Cari kode </body>
4. Kemudian masukkan kode html di bawah ini di atas 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://rumbiadalam.googlecode.com/files/pag3.js' type='text/javascript'/>
5. Lalu cari kode   ]]></b:skin>
6. Tempatkan kode di bawah ini di atas 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;}
7. Simpan template anda.

Selamat mencoba, semoga bermanfaat.



2 comments:

Blog Ini Dofolow.
Komentar yang tidak sesuai dengan content yang di bahas, akan di hapus.

loading...
© Dapurblogger. Template by Template Responsive Design Powered By Blogger