Halaman Navigasi benar-benar mengagumkan dan fitur lama ditunggu. Anda mungkin telah melihat halaman bernomor navigasi pada banyak blog wordpress (wp-pagenavi oleh Lester Chan). Muhammad Rias dari Techie Blogger telah mengembangkan suatu sistem navigasi halaman benar-benar blogger.It trik yang mengagumkan yang dibuat pada saat tidak ada yang bisa berpikir pelaksanaan di blogger.It mempunyai beberapa minor bug dan sekarang Abu Farhan telah menyempurnakan itu dan sekarang ia telah memberikan kepada kita sempurna navigasi halaman solution.Here adalah sedikit screenshot dari apa artinya semua ini.



Bila Anda menggunakan hack ini, anda akan melihat seperti ini navigasi pada blog Anda halaman utama dan label halaman (memerlukan sedikit penyesuaian).

Berikut langkah-langkah untuk membuat Navigasi halaman :
1. Login ke Blogger dan kemudian pilih Tata letak>Edit HTML
2. Biarkan ‘Expand Widget Templates’ tanpa centang
3. Cari script :

]]></b:skin>

dan gantikan dengan

.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;
}
]]></b:skin>

Ini adalah bagian CSS yang mendefinisikan tampilan dan nuansa halaman navigation.Anda dapat memodifikasi sesuai dengan kebutuhan Anda

4.Selanjutnya adalah cari bagian JavaScript.

dan kemudian ganti dengan

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&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://blogergadgets.googlecode.com/files/
blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
<!--Page Navigation Ends-—>
</body>

Seperti yang Anda lihat, ada beberapa parameter disesuaikan dalam kode ini

var pageCount=5;

Kode ini menentukan jumlah posting yang akan ditampilkan per halaman.

var displayPageNum=5;

Kode ini menentukan jumlah nomor navigasi halaman tambahan yang akan ditampilkan pada halaman.

var upPageWord ='Previous';
var downPageWord ='Next';

ini menentukan dua baris teks yang akan ditampilkan untuk halaman sebelumnya dan halaman berikutnya masing-masing.

Label Fix

Sekarang terdapat masalah lain dari default, label blogger akan menampilkan halaman 20 posts.Kita akan memotong ini ke nilai yang kita berikan untuk variabel pageCount (atau posts per halaman) . Untuk ini, kita perlu mengedit template kita

Cara Edit template untuk memotong posting per halaman?

Pergi ke halaman Edit HTML dan memperluas Template Widget

Sekarang menemukan setiap kemunculan

'data:label.url'

(termasuk tanda kutip) dan mengganti masing-masing dengan

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

5 adalah jumlah posting yang akan ditampilkan per halaman.

Sekarang jika Anda menggunakan label cloud widget oleh phydeaux3, kemudian cari

a.href = '/
search/label/'+encodeURIComponent(t);

dan kemudian ganti dengan

a.href = '/search/label/'+encodeURIComponent

(t)+'?&max-results=5';