Cara Membuat Navigasi Nomer Halaman Blog

Navigasi Nomor Halaman pada Blog, yap.. itu yang akan Kamu Klik share pada postingan kali ini.
Navigasi Nomor Halaman pada Blog atau yang biasa yang disebut Page Number adalah urutan nomor-nomor halaman pada blog kita. Tampilan Page number yang bakal Kamu Klik share seperti ini sob:




Gimana tampilannya ? Tentunya navigasi halaman bernomer atau page number ini terlihat lebih elegant dan profesional dengan menampilkan juga total page yang ada.
Buat kamu yang sudah bisa edit css, bisa langsung edit sendiri tampilannya. Tapi tanpa di edit sudah bagus kok, terlihat lebih profesional dari pada tampilan "Older Post" atau "Posting Sebelumnya" dll. wkwk..
Bagaimana cara membuat navigasi nomer halaman blog di blogger?
Yuk langsung saja ikuti tutorialnya dibawah ini:

• Login ke blog kamu  kemudian menuju halaman Design dan Edit HTML, jangan lupa di back up dulu templatenya untuk keamanan kalo terjadi error gitu, tapi yaa gak bakal koq.
• Cari kode ]]>

lalu paste Css di bawah ini tepat di atas kode ]]>

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

• Langkah selanjutnya kamu cari kode

, kalau sudah ketemu paste kode berikut ini tepat di atas kode