Admin Pada 4/08/2013 Cara membuat navigasi halaman nomor di blogspot

Baca Juga

Advertidement

Akhirnya ada waktu senggang buat posting artikel lagi, kali ini edikomputer akan menyempatkan waktu untuk psting artikel tentang Cara membuat navigasi halaman nomor di blogspot kalo diarikel lainnya saya pernah posting tentang Cara Membuat Halaman Navigasi Bernomor di wordpress tanpa plugin, kali ini dengan tema yang sama namun dengan platform yang berbeda.

oke langsung saja ya, untuk memasang halaman navigasi ini kita hanya perlu memasang kode javascript di template kita dan menambahkan sedikit kode CSS untuk mempercantik tampilannya

Oke langsung saja kamu login di blogger kamu kemudian pilih template :

kemudian edit HTML, cari code </body> kemudian pastekan kode ini di atasnya :

<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=5;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://file.edikomputer.com/edikomputer/js/pagenumbers.js' type='text/javascript'></script>
<script type='text/javascript'>

kemudian save template.
Nah sekarang kita akan menambahkan kode CSS Untuk mengatur navigasi halaman tersebut, Cari kode ]]></b:skin> kemudian letakkan kode CSS ini diatasnya :

.showpageArea a {
text-decoration:underline ;
}
.showpageNum a {
text-decoration:none;
border: 0px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 0px solid #cccccc;
background-color:#0093dd;
}
.showpagePoint {
color:#FFF;
text-decoration:none;
border: 0px solid #cccccc;
background: #5535b0;
margin:0 3px 0 13px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 0px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;color:#FFF;
}

silahkan save lagi templatenya dan lihat hasilnya...
Oke mungkin itu  saja artikel yang saya share kali ini semoga artikel tentang Cara membuat navigasi halaman nomor di blogspot bisa bermanfaat dan di terapkan di blog sobat.

Advertidement

Related Posts