Membuat Halaman Navigasi Berbentuk Nomor

Membuat blog sering kita melihat halaman navigasi berbentuk Older Post, Home, Newer Post. Tapi kalau membuathalaman navigasi dengan berbentuk nomer. Bagaimana ya caranya?.

Caranya sih sangat mudah. Tinggal menambahkan kode kode script saja. Trik ini saya ambil dari blognya Abu-Farhan. Siap? Mari kita meluncur.

1. Login ke Blogger.
2. Klik Layout>>HTML

Cari kode ini.

]]></b:skin>

Bila sudah ketemu, copy kan kode dibawah ini persis diatasnya.

.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #ddd;
  }

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc;
  }

.showpagePoint {
  color:#fff;
  text-shadow:0 1px 2px #333;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  border:1px solid #999;
  background: #666;
  text-decoration: none;
  }

Kemudian cari kode lagi yang seperti ini.

<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://all-in-one-blogger-widget.googlecode.com/files/

pagenaviv202-min.js' type='text/javascript'></script>
</body>

Yang ke terakhir cari kode ini.

'data:label.url'

Ganti kode diatas menjadi seperti dibawah ini

'data:label.url + "?&max-results=7"'

Dan lihat hasilnya.


Suka ? Bagikan Ke Teman Teman

Sebelum meninggalkan blog ini, jangan lupa untuk mengomentari artikel ini.