Cara Membuat Page Number Navigasi

Cara Membuat Page Number Navigasi. Page Number atau Navigasi Halaman dengan menggunakan nomor atau angka adalah sebagai alat navigasi yang berfungsi selain dapat mempercantik tampilan halaman utama juga dapat memudahkan pengunjung dalam menjelajahi content sebuah website atau blog kita.Tombol navigasi halaman ini sebenarnya kurang lebih sama dengan tombol next atau previous pada blog sobat, namun bedanya navigasi halaman bisa membuat pengunjung ingat tempat suatu artikel pada halaman ke berapa pada blog kita. Karena navigasi halaman menampilkan nomor per halaman blog kita, seperti contoh pada halaman bawah search engine di google, terlihat tombol navigasi halaman untuk Memudahkan pengunjung dalam pencarian keyword yang di maksud.Contohnya lihat gambar
Sebenarnya ada 2 cara membuat page navigasi, yang pertama seperti gambar di atas dan yang kedua Navigasi banyaknya jumlah posting. Apakah Anda ingin mencobanya? Jika iya, maka berikut ini adalah langkah-langkah Cara Membuat Page Number-Navigasi Halaman Blog.
  • Log in ke blogger kalian
  • Setelah itu Pilih Rancangan Kemudian Pilih Edit HTML
  • Back Up template kalian Dulu Untuk Jaga-jaga dengan cara klik download template lengkap
  • Jangan lupa Centang Expand Widget Templates, selanjutnya cari kode berikut: ]]></b:skin>;
  • Setelah ketemu masukkan kode dibawah ini diatasnya:
.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;
}
  • Lalu cari lagi kode seperti ini: </body> Setelah ketemu masukkan kode dibawah ini diatasnya juga.
<b:if cond='data:blog.pageType != &quot;item&quot;'>



<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
  • Selanjutnya carilah kode berikut ini : 'data:label.url'; Setelah ketemu hapus kodenya dan gantilah dengan kode di bawah ini:
'data:label.url + &quot;?&amp;max-results=5&quot;'
  • Setelah itu Klik Simpan Selesai dech
mudah kan... semoga bermanfaat ^_^
Dapatkan update artikel terbaru kami langsung ke email anda

8 Responses to "Cara Membuat Page Number Navigasi"

kabiboxs21 said...

makasih infonya,,,,, berkunjung balik ya dan download film update just on kabiboxs21

Khasan Nova P. said...

sama-sama mas...
oke, pasti akan saya kunjungi balik
:k:

Faril Lukman said...

Untuk mengatur ukuran font (angka) nya gimana ya? agar lebih besar.. apa yang dirubah?
Untuk mengatur bordernya gimana? apa yang dirubah?

Uem Cuters said...

Saya coba terpakan gan, trims ya...di tunggu kunjungan baliknya.

Mecha-Glory said...

:l: gaannn.. js-nya nggak bisa.. T_T
Your client does not have permission to get URL /files/blogger-page-navi.v1.js from this server. (Client IP address: 114.79.18.27)
http://www.animesubscorner.com/

Mecha-Glory said...

yah... malah nunggu komentarnya di-approval dulu.. :w: jelek T_T

Xaveriuz Lincoln said...

thanks kk atas infonya jangan lupa visit back to http://kamikaze-corporation.blogspot.com/
saya menggu postingan baru dari kk dan saya akan mampir lagi lain waktu.

badoeng ujank said...

gk iso mas.....gmn ya? :|:

Post a Comment

pasang iklan murah