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...

About Me

My Photo
Saya menyukai dunia blogging dan aktifitas saya adalah blogging dan mengerjakan beberapa project optimasi web dari customer saya.

Salah satu  blog saya adalah dapurblogger.
Dapurblogger adalah sebuah blog yang membahas langkah demi langkah cara membuat blog, seo strategy, dan cara menjadikan blog sebagai salah satu sumber pendapatan yang lebih dari cukup kalau untuk membeli sekarung permen :D..


© Dapurblogger. Template by Template Responsive Design Powered By Blogger