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 ^_^