Gallery Information

Membuat Page Number

Saturday, May 21, 2011 aandfx

Banyak bentuk dari navigasi seperti Navigasi Horizontal, Vertikal dan Dropdown Namun kali ini kita akan membahas Navigasi halaman dengan nomor (Page Number). Navigasi ini akan memudahkan para pengunjung untuk jump/lompat ke halaman selanjutnya dengan mudah, navigasi ini akan muncul di atas dan dibawah halaman. selain praktis juga membuat web/blog kita semakin friendly di mata SEO. bagaimana cara membuatnya mari kita ulas bersama-sama.

Langkah Pembuatan Navigasi Halaman (Page Number)

1. Masuk Akun Blogger
2. Pilih Rancangan/Design
3. Pilih EditHTML lau Centang "Expand Templates Widget"
4. Agar aman ada baiknya anda "Download Full Template" dulu. Lalu Cari kode
]]></b:skin>

5. Copy script dibawah ini dan letakkan tepat di atas code ]]></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;
}

6. Setelah itu cari code </body>

7. Copy code dibawah ini tepat di atas code </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>

8. Selanjutnya cari code 'data:label.url

9. Setealah ketemu Hapus code 'data:label.url dan ganti dengan code dibawah ini :

'data:label.url + "?&max-results=5"'

10. Anda Pratinjau/Preview terlebih dahulu, lalu S A V E

Memang panjang prosesnya tapi ingat untuk mendapatkan yang maksimal merupakan hal yang sangat rumit, oleh karena itu ketelitian dan kesabaran yang sangat dibutuhkan. jangan takut untuk salah karena dari kesalahan itu kita akhirnya tahu. Jika ada yang kurang jelas silahkan anda tanyakan.
Terima Kasih. Salam Blogger !