English French German Spain Italian Dutch Russian Brazil Japanese Korean Arabic Chinese Simplified

Selasa, 26 April 2011

Cara Membuat Navigasi Halaman Nomor

Navigasi Halaman - 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 != &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>
8. Selanjutnya cari code 'data:label.url 
9. Setealah ketemu Hapus code 'data:label.url   dan ganti dengan code dibawah ini :
'data:label.url + &quot;?&amp;max-results=5&quot;'
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 !

Jika Anda Tertarik Dengan Semua Artikel Di Dalam Blog Ini, Silahkan Masukan Email Anda Pada Kolom Di Bawah Ini. Terima Kasih Atas Kunjungan Dan Partisipasinya

Delivered by FeedBurner

 
Yahoo bot last visit powered by MyPagerank.NetMsn bot last visit powered by MyPagerank.Net
Ratified.org PhilippinesPersonal - Top Blogs Philippines Free SEO Tools
Ping your blog, website, or RSS feed for Free
Bloggers - Meet Millions of Bloggers