Membuat Navigasi Page Halaman

Menu page halaman adalah menu yang biasanya berada dibagian bawah halaman dan berfungsi untuk membuka halaman berikutnya atau kembali pada halaman sebelumnya.

Tutorial ini saya dapatkan dari Pelajaran Blog Pada postingan yang kemarin saya telah menulis
Membuat navigasi menu horizontal dan
membuat navigasi menu breadcrumbs. dan pada postingan ini saya akan berbagi cara membuat navigasi page halaman.

Jika sahabat blogger ingin membuatnya caranya adalah sebagai berikut.

Login ke blogger.com
Pilih Rancangan
Pilih Edit HTML
Download Template Lengkap, untuk di upload kembali jika terjadi kesalahan pada edit.
Centang kotak kecil pada tulisan Expand Widget Template.
Kemudian cari kode
]]></b:skin>, gunakan tombol pencarian untuk mempermudah pencarian kode.
Tambahkan kode dibawah ini di atas kode ]]></b:skin>

.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;
}

Selanjutnya cari kode
</body>
Tambah kode berikut di atas kode </body>

<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord='Previous';
var downPageWord='Next';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>

Setelah selesai klik Simpan Template.

Selamat mencoba dan semoga artikel ini bisa bermamfaat.
__________________________________________________

Facebook. Twitter Google Plus