Cara memasang page number blogger

Kali ini Zona Cyber akan share gimana caranya Cara memasang page number blogger...

OK kita bahas dulu kelebihan dan kekurangan page number ini,

Kelebihannya.

• Memudahkan pembaca artikel dalam mencari postingan karena dapat langsung loncat dari page home pertama langsung ke yang kelima atau mungkin ke page 10

• Menyesuaikan panjang page number yang harus ditampilkan (jika melebihi besar kotak postingan maka page awal akan menghilang otomatis)

• Menampilkan Jumlah potongan potongan Home Page yang tersedia.

Kekurangannya:

• Untuk pengunjung dengan koneksi lemot, sebelum blog benar benar di load dengan sempurna, tampilan page number tidak akan terlihat tapi akan kelihatan seperti tampilan biasa, sampai halaman benar benar di load dengan sempurna. (saya sendiri yang nemuin lho, kebetulan koneksi ane lagi lemot gile... hehhheheh)

• Pada saat pembaca mengklik label/kategori, readmore postingan, judul postingan. page number akan hilang dan kembali seperti semula digantikan dengan teks posting lebih baru, home dan posting lama. bagi beberapa blogger ini sebuah kekurangan tapi menurut saya justru ini kelebihannya juga, karena jika postingan sudah diklik untuk apa lagi ada page number? masa mo kembali ke pemiliha postingan lagi.... mending langsung klik postingan selanjutnya alias Older atau newer post.... heheheheheeheh (sotoy)

Langsung menuju layout -> edit HTML

Setelah itu cari kode ]]></b:skin> caranya tekan F3 aja untuk pengguna firefox pastekan kode itu di sudut kiri bawah browser, pasti langsung ketemu... hehehehe

Bila sudah ketemu pastekan kode dibawah ini tepat diatas kode tadi

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

Setelah itu.....

Cari kode </body> kemudian diatasnya pastekan kode ini

<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://navigasi110589.googlecode.com/files/knaviv1.js' type='text/javascript'/>
</b:if>