Membuat Nomor Halaman pada Blogspot

Untuk contoh, gambar di atas terlihat belum memiliki nomor halaman posting, yang terlihat hanya tulisan beranda dan Posting Lama, dan kali ini saya akan menuliskan langkah-langkah membuat nomor halaman.

Untuk mempermudah pengunjung menjelajah blog kita memang dibutuhkan suatu jalan pintas, navigasi supaya lebih cepat menuju ke bagian yang di harapkan, salah satunya dengan cara menambah penomoran pada halaman posting, kalau dalam bahasa inggrisnya "numbered page navigation" , maka dari itu, mari kita buat nomor halaman pada blog dengan cara sebagai berikut:

Login ke Blogger Anda
Masuk ke Menu Template
Pilih Edit HTML.
Lalu cari kode ]]></b:skin> (untuk mempermudah pencarian gunakan CTRL+F)

Silahkan Anda copy kode CSS Page Navigation di bawah ini dulu, kemudian paste tepat di atas 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;
}

Jika sudah, cari lagi kode </body>. Lalu masukkan script berikut tepat di atas </body>.

<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<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=3;
var upPageWord =&#39;Prev&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://pitik.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if></b:if>
</b:if>

Lihat var pageCount=5; angka 5 menunjukkan jumlah posting yang ditampilkan dalam laman utama. Sesuai yang sama dengan Menu - Setelan - Pos & Komentar
Kemudian jika var displayPageNum=3; menunjukkan banyak nomor halaman yang ditampilkan

Simpan, dan lihat hasilnya! :D

Sangat mudah bukan?
Selamat mencoba, semoga sukses selalu.

Membuat Nomor Halaman pada Blogspot

Artikel Menarik Lainnya