Cara Membuat Navigasi Halaman dengan Nomor

Halaman Navigasi dengan nomor adalah fitur lama yang benar-benar mengagumnkan. Anda mungkin telah melihat halaman navigasi dengan nomor pada banyak blog yang menggunakan platform wordpress (yang diciptakan oleh Lester Chan). Tapi, Muhammad Rias dari Techie Blogger telah mengembangkan suatu sistem navigasi halaman untuk blogger. Dan sekarang Abu Farhan telah menyempurnakannya dan ia telah memberikan kepada kita sistem navigasi halaman yang lebih sempurna. Di bawah ini sudah saya sediakan screenshotnya:

Untuk membuatnya, silahkan ikuti langkah-langkah berikut:
1. Login pada akun Blogger Anda
2. Klik layout kemudian klik Edit Html
3. Centang Kotak Expand Widget
4. Cari kode ]]></b:skin>(tekan Ctrl+F untuk memudahkan pencarian) kemudian letakkan kode berikut tepat di atasnya

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

Kode tersebut bisa Anda rubah sesuai dengan keinginan Anda
( Catatan: Jangan merubah apabila Anda tidak mengerti kode di atas, karena bisa menimbulkan hal yang tidak ingin Anda inginkan)

5. Kemudian cari kode </body> kemudian letakkan kode berikut tepat di atasnya

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://die-silver.googlecode.com/files/blognavigasi.js' type='text/javascript'/>' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->

perhatikan kode ini var pageCount=5; Angka pada kode tersebut adalah untuk menampilkan jumlah Posting yang akan terlihat pada setiap halaman navigasi.

6. Simpan perubahan
7. Selesai

Informasi ini adalah referensi dari Ardi33

Good luck