Halaman Navigasi Blogger paling aneh | Pendidikan dan Pengajaran

Sebenarnya ini trik lama namun mungkin jarang ada yang menggunakannya sebab tidak semua kode HTML template blog mau untuk dirubah atau mungkin sudah banyak yang termodifikasi sebelumnya jadi terkadang muncul dan terkadang tidak. Jadi nggak usah kecewa, setidaknya sudah mencoba memberikan sentuhan indah buat blog Anda tercinta…

Solusinya sebelum mengaplikasikan halaman navigasi ini, ya harus di download dulu templatenya biar nanti jika ada kesalahan diupload lagi…

Gini caranya:
1. Login ke Blogger Dashboard lalu ke Layout > Edit Html
2. Jangan mencentang ‘Expand Widget Templates’
3. Lalu cari kode berikut

]]>

4. Lalu ganti dengan kode di bawah:

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

5. Lalu selanjutnya cari lagi kode berikut:

7. Lalu ganti dengan kode ini: