Cara Membuat Next Page pada Blog
Pernahkah Anda melihat tombol next page yang terletak dibawah posting sebuah blog? Pada kesempatan ini kita akan membahas cara membuat next page tersebut. Fungsi dari tombol next page ini adalah untuk memudahkan pengunjung blog dalam melakukan pencarian posting sebelumnya.
Kalau Anda penasaran cara membuat next page pada blog, langsung saja kita ikuti langkah-langkah pembuatannya dibawah ini :
1. Login akun blogger Anda.
2. Pilih Template ---> Edit HTML ---> klik Expand Template Widget.
3. Cari kode ]]></b:skin> kemudian letakkan kode dibawah ini tepat diatas ]]></b:skin>
5. Simpan template.
Nah, sekarang blog Anda sudah terpasang tombol next page sehingga pengunjung dapat melihat halaman blog satu-persatu.
Kalau Anda penasaran cara membuat next page pada blog, langsung saja kita ikuti langkah-langkah pembuatannya dibawah ini :
1. Login akun blogger Anda.
2. Pilih Template ---> Edit HTML ---> klik Expand Template Widget.
3. Cari kode ]]></b:skin> kemudian letakkan kode dibawah ini tepat diatas ]]></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;}
4. Selanjutnya cari kode </body> kemudian letakkan kode dibawah ini tepat diatas </body>.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;}
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord='Previous';
var downPageWord='Next';
</script>
<script src='http://id-pemula-javascript.googlecode.com/files/blogger-page-nav-v2.js' type='text/javascript'/>
var pageCount=5;
var displayPageNum=5;
var upPageWord='Previous';
var downPageWord='Next';
</script>
<script src='http://id-pemula-javascript.googlecode.com/files/blogger-page-nav-v2.js' type='text/javascript'/>
5. Simpan template.
Nah, sekarang blog Anda sudah terpasang tombol next page sehingga pengunjung dapat melihat halaman blog satu-persatu.
0 comments:
Post a Comment