Mengganti Navigasi Page View Menjadi Angka

Sebagaimana biasanya yang kita lihat pada laman-laman blogger secara default tombol menu navigasi page viewnya adalah berbentuk tanda panah kiri dan kanan lalu di tengah adalah menu Home/Beranda. Hal ini tidak seperti Wordpress yang secara default telah menyediakan tombol navigasi page view berupa angka, sehingga pembaca bisa lebih mudah untuk meloncat ke beberapa halaman postingan untuk membaca postingan yang lama. Nah, bagi sahabat yang pengen merubah atau memodifikasi tombol menu navigasi page view pada laman blogger, maka sahabat bisa mencoba langkah-langkah seperti yang akan penulis sampaikan di bawah ini !

Contoh tombol navigasi page view yang akan muncul pada blog sahabat nantinya seperti ini ......

Langkah pertama tentunya sahabat harus masuk terlebih dahulu ke dalam (Login] Akun Blogger sahabat dan langsung saja menuju pada design "Template" blogger lalu klik pada tombol menu "Edit HTML"

Setelah itu coba sahabat cari kode seperti ini ► ]]></b:skin>
Kalo sudah ketemu, tempatkan kode script di bawah ini sebelum kode tersebut

►| CODE |◄

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

Sekarang lanjutkan cari kode berikut ini ► </body>
Letakkan kode script di bawah ini sebelum kode tersebut

►| CODE |◄

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='https://googledrive.com/host/0B0kvzn6HmDGaMzd3Wk5CVGM4Szg/NumPageView.js' type='text/javascript'/>
</b:if> </b:if>

Demikianlah sahabat, beberapa langkah yang dapat kita modifikasi untuk Mengganti Navigasi Page View Menjadi Angka dan semoga bermanfaat !

--
  |◄ Best Regards ►|
      

Share Posted -► Facebook Twitter Google+ Linkedin