Cara Membuat Page Navigator di Blogspot

Cara praktis membuat nomor halaman (page navigator) pada Blogspot agar mempermudah pembaca masuk ke halaman berikutnya. Fungsi membuat Page Navigator (nomor halaman) di Blogspot adalah memberi Nomor halaman berupa kotak tombol akan muncul di bagian bawah postingan yang akan membawa masuk ke halaman berikutnya. Cara membuat Page Navigator di Blogspot juga dapat mengatur berapa jumlah posting yang tampil di halaman depan (home page) blog kita. Langkah selengkapnya cara membuat nomor halaman (page navigator) adalah sebagai berikut.


Langkah-cara membuat nomor halaman
Silakan buka secara urut langkah berikut.

Buka dasboard Blog Anda

Template / Rancangan -> Edit HTML  -> Lanjutkan

Cari kode  ]]></b:skin>  (tekan tombol Ctrl + F, lalu masukkan kode ]]></b:skin>  di kotak find yang muncul di kiri bawah layar). kode muncul dengan blok warna hijau.

Copy kode berikut ini dan pasang diatas 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;
}


Berikutnya cari  kode ini   </body>

Copy kode dibawah ini dan pasang tepat diatas kode   </body>

 

<!–Page Navigasi–>
<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=6;
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>
</b:if>
<!–Page Navigasi –>


Klik SIMPAN TEMPLATE

Keterangan

Anda dapat mengganti kode-kode angka 6 pada kode var pageCount=6; (untuk mengganti nomor halaman).

Pada angka 5 pada kode var displayPageNum=5 (untuk jumlah posting yang tampil di halaman muka)

Previous dan Next : bisa anda ganti dengan sebelumnya dan berikutnya

Sekarang coba dipraktekkan, kalo takut terjadi kesalahan anda bisa back-up/simpan terlebih dahulu kode HTML template-nya. Sekian info tips kali ini cara membuat nomor halaman (page navigator) di Blogspot.