Cara Membuat Next Page Dengan Angka

Sebentar lagi udah mau puasa nih! Belum punya persiapan yang mateng... Mudah-mudahan bulan ini lulus lagi amien...

Langsung aja ah sekarang kita belajar bersama membuat next navigasi, seperti gambar di bawah ini


Jika anda berminat buat memasangnya silahkan ikuti langkahnya berikut ini
>> Masuk Blogger
>> Rancangan/Design (dulu masih tata letak)
>> Edit Html
Letakkan kode di bawah ini tepat di atas ]]></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;}

Kemudian cari lagi kode seperti ini </body> dan letakkan kode di bawah ini tepat di atas </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'/>

Kemudian simpan template anda. Nah buat yang saya cetak merah dan biru, pastinya anda sudah tahu apa yang harus anda lakukan, sepertinya saya tidak perlu banyak berkomentar dalam hal ini. Semoga bermanfaat.