Membuat Navigasi Halaman Pada Blogger

Membuat Navigasi Halaman Pada Blogger - Navigasi halaman yaitu fitur yang berfungsi sebagai rel untuk menuju ke halaman selanjutnya maupun ke halaman sebelumnya. Mungkin sobat akan lebih jelas lagi kalau sobat langsung pergi ke halaman google.com sekarang juga dan coba perhatikan angka2 halaman yg berada pada bagian paling bawah halaman google search tersebut. Itulah contoh navigasi halaman. contoh gambar sbb :

Cara membuatnya silahkan login dulu ke akun blogger, lalu klik tata letak >> Edit HTML ("expand widget templet" gak usah dicentang)

Selanjutnya letakkan kode berikut di atas tag ]]></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;
}

Lalu letakkan kode berikut di atas kode tag </body>

<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://dl.dropbox.com/u/19252948/Deradja/blogger_navpage_deradja.js' type='text/javascript'/>
</b:if>

Klik simpan template. Sekarang silahkan untuk melihat hasilnya di blog sobat...


Bagian2 yang bisa sobat atur antara lain

var pageCount=5; = Fungsinya untuk mengatur jumlah halaman postingan yang berada di dalam satu tampilan ketika sobat mengklik next atau pun nomor halaman.

var displayPageNum=5; = Jumlah angka/nomor halaman yang tampil pada fitur navigasi halaman.

var upPageWord =&#39;Previous&#39;; = Untuk tulisan "Previous" bisa sobat ganti dengan kata2 lain seperti "sebelumnya" atau apa saja yg semisal.

var downPageWord =&#39;Next&#39;; = Sama halnya dengan kata Previous, kata "next" juga bisa sobat ganti dengan kata - kata lain seperti "selanjutnya" atau apa saja yang sobat inginkan, yang pastinya relevan donk.


--------------------------------------------------
NB:

Untuk Membuat Navigasi Halaman Pada Blogger ini, usahakan jumlah postingan sobat di atas 10 buah postingan atau lebih.

--------------------------------------------

Semoga berhasil.

Ditulis Oleh : Deradja ~ AzisGoOnline.Com

Sobat sedang membaca artikel tentang Membuat Navigasi Halaman Pada Blogger. , Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="http://azisgoonline.blogspot.com/2011/12/membuat-navigasi-halaman-pada-blogger.html" target="_blank">Membuat Navigasi Halaman Pada Blogger</a>