Cara buat Pagenavi di Blogspot

Blogspot memang beda dengan wordpress yang mana untuk mempercantik blog kita maka kita harus menambahkan kode HTML terlebih dahulu. Berikut ini saya akan membahas bagaimana cara membuat pagenavi di blogspot seperti wordpress.



1. Pertama,pergilah ke dashboard blogger anda,selanjutnya,pilih tata letak,dan pilih edit html.
Seperti biasa,contreng option expand widget templates,selanjutnya cari kode berikut:

---

]]>

---

Setelah ketemu,letakkan persis diatasnya kode css dibawah ini:

---

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

---

2. Lalu,cari lagi kode seperti ini:

---

---

Jika sudah ketemu,tepat diatasnya letakkan script dibawah ini:

---