Navigasi page number

Sudah berapa lama ya kira-kira saya tidak update postingan blog ini ???. Alasan saya karena tidak update belakangan ini, karena banyaknya virus yang menyerang laptop yang telah menemani perjalanan saya di dunia internet sampai saat ini :D. Dan akhirnya saya pun transmigrasi ke sistem operasi Ubuntu Natty Narwhal, yang baru saja di rilis beberapa

Mungkin untuk sebagian blogger sudah tahu ataupun sudah menggunakan menu Navigasi page number. Dan mungkin juga telah banyak yang memposting navigasi page number |1|2|3| seperti ini. Tutorial atau cara Membuat menu navigasi page number ini dikhususkan buat teman blogger yang belum tahu dan ingin memasang page number di blognya. Untuk yang sudah tahu silahkan baca postingan yang lain saja dech.

Langsung saja pada cara pembuatanya :

Langkah pertama masuk pada Rancangan >> Edit HTML >> Expand Widget Templates

Cari kode ]]></b:skin>
Setelah ketemu,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:#f3f3f3;

}

.showpagePoint {

color:#333;

text-decoration:none;

border: 1px solid #cccccc;

background: #f3f3f3;

margin:0 3px;

padding:3px;

}

.showpageOf {

text-decoration:none;

padding:3px;

margin: 0 3px 0 0;

}

.showpage a {

text-decoration:none;

border: 1px solid #f3f3f3;

padding:3px;

}

.showpage a:hover {

text-decoration:none;

}

.showpageNum a:link,.showpage a:link {

text-decoration:none;

color:#333333;

}

Lalu,cari lagi kode seperti ini </body>
Jika sudah ketemu, letakkan script dibawah ini tepat di atas kode </body>

<b:if cond='data:blog.pageType != "item"'>

var pageCount=5;

var displayPageNum=5;

var upPageWord ='Previous';

var downPageWord ='Next';

</script>

</b:if>

Kode pageCount di atas menunjukkan jumlah tulisan/posting/artikel yang akan ditampilkan dalam satu halaman, sedangkan displayPageNum menunjukkan jumlah nomor halaman yang ditampilkan (jika diisi dengan angka 7 berarti nomor halaman yang muncul ada 8, ditambah satu untuk halaman satu). upPageWord mengarahkan kita ke halaman yang lebih baru (tulisan Previous bisa diganti sesuai dengan keinginan sobat), dan downPageWord mengarahkan ke halaman yang lebih lama (tulisan Next bisa diganti sesuai dengan keinginan sobat).

Langkah terakhir Carilah kode berikut : 'data:label.url'
Jika sudah ketemu,hapus kode tersebut dan gantilah dengan kode di bawah ini:

'data:label.url + "?&max-results=5"'

Fungsi dari script ini adalah untuk mengganti default (standar) Blogspot yang akan menampilkan 20 posting setiap halamannya, karena pada pageCount di atas kita isi 5, maka pada script ini pun juga diisi dengan 5 (menampilkan 5 posting per halaman).
Simpan template sobat, dan kita coba lihat hasilnya dengan membuka blog sobat. Jika berhasil maka pada halaman Home blog kita akan muncul nomor halaman setelah posting terakhir (paling bawah)
seperti dibawah ini :

Jika sudah silahkan di simpan Selamat mencoba.

Dengan sourcenya, maaf saya sudah lupa karena memang ini merupakan artikel yang sudah lama tersimpan di draft.