Sebelum
Saya Bahas
Kali ini Saya Akan jelaskan Dulu Apa itu Page Number? Page Number
Adalah Sebuah Tool Yang Biasanya Diletakkan Dibawah Entries Untuk
Menentukan Nomor Halaman Dan Berguna Untuk Mempermudah Pengunjung Atau
Pengguna Blog Berpindah Dan Meloncati Halaman Lain Di Suatu Blog.
Menurut Pengertian Saya Sih Begitu...??? Untuk Lebih Jelasnya Sobat bisa
Lihat Gambar Atau Dan Kalau Sudah Paham Mari Kita
Lanjut Ke Cara Pembuatannya.
- Pertama Silahkan Sobat Login Ke Akun blogger Sobat.
- Masuk Rancangan Lalu Pilih Edit HTML Dan Awas Jangan Sampai Lupa Centang Expand Template Widget.
- Untuk Berjaga jaga Takut Ada Kerusakan Silhkan Sobat Backup Template Sobat Dulu.
- Bila Langkah Diatas Sudah Mantap Selanjutnya Sobat Cari Kode ]]></b:skin> Pada Template Sobat.
- Kalau Udah Ketemu Kode Diatas Silahkan Sobat Copy Kode Berikut Dan
Taruh Tepat Diatas Kode ]]></b:skin>
Tadi.
/* Page Number */
.showpageArea a {
color:#fff;
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #000;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiytSFKzoNnW9WBf4dfSdfOhd4kGhOWFNd3CEpG7OvzjsKyVvapXT_zxw0nTQIh7pv7jna3beE1ZoSmZUA3DjFLGMhsM03D2BlDnKlPaAl-aBDMLMzbCVxMbzowzEkY5VIuAHbAAo7acAIo/s288/navi1.jpg) top left repeat-x;
margin:0 2px;
padding:10px;
}
.showpageNum a:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4erwBevERt07WfZ8AEgcmRf6mHvIxa2Ki6ppQThsudxgQHHBJHTmqoNMB9JArP3ge0eUFfyhtrtv5yUYdzwqpX7uAQY6bYJy8gP6dvvXFhvm7VJ4wSDbUMd87LHK9T1KmtzurhWQSYP5q/s288/navi2.jpg) top left repeat-x;
}
.showpagePoint {
color:#fff;
text-decoration:none;
border: 1px solid #000;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4erwBevERt07WfZ8AEgcmRf6mHvIxa2Ki6ppQThsudxgQHHBJHTmqoNMB9JArP3ge0eUFfyhtrtv5yUYdzwqpX7uAQY6bYJy8gP6dvvXFhvm7VJ4wSDbUMd87LHK9T1KmtzurhWQSYP5q/s288/navi2.jpg) top left repeat-x;
margin:0 3px;
padding:10px;
}
.showpageOf {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiytSFKzoNnW9WBf4dfSdfOhd4kGhOWFNd3CEpG7OvzjsKyVvapXT_zxw0nTQIh7pv7jna3beE1ZoSmZUA3DjFLGMhsM03D2BlDnKlPaAl-aBDMLMzbCVxMbzowzEkY5VIuAHbAAo7acAIo/s288/navi1.jpg) top left repeat-x;
color:#fff;
text-decoration:none;
border: 1px solid #000;
padding:10px;
margin: 0 3px 0 0;
}
.showpage a {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiytSFKzoNnW9WBf4dfSdfOhd4kGhOWFNd3CEpG7OvzjsKyVvapXT_zxw0nTQIh7pv7jna3beE1ZoSmZUA3DjFLGMhsM03D2BlDnKlPaAl-aBDMLMzbCVxMbzowzEkY5VIuAHbAAo7acAIo/s288/navi1.jpg) top left repeat-x;
color:#fff;
text-decoration:none;
border: 1px solid #000;
padding:10px;
}
.showpage a:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4erwBevERt07WfZ8AEgcmRf6mHvIxa2Ki6ppQThsudxgQHHBJHTmqoNMB9JArP3ge0eUFfyhtrtv5yUYdzwqpX7uAQY6bYJy8gP6dvvXFhvm7VJ4wSDbUMd87LHK9T1KmtzurhWQSYP5q/s288/navi2.jpg) top left repeat-x;
color:#fff;
text-decoration:none;
border: 1px solid #000;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#fff;
}
- Selanjutnya Cari Kode Seperti ini </body> Dan Copy Kode Dibawah ini Dan Taruh Tepat
Diatasnya Kode </body>
Tersebut.
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://filiex.googlecode.com/files/pager-number.js' type='text/javascript'/>
</b:if>
- Tahap Terakhir Sobat Cari Kode 'data:label.url'
Dan Gantikan Atau Replace Kode Tersebut Dengan Kode Dibawah ini.
'data:label.url + "?&max-results=5"'
- Bila Semua Sudah Selesai Harap Di Pratinjau Dulu Dan Bila Page Number Sudah Muncul, Sekarang Sobat Bisa Save Atau Simpan Template Sobat.
- Selesai.
Cukup Sekian Dan Selamat Mencoba
