Hasil dari tombol next page akan terlihat seperti gambar di bawah ini.
1. Login ke Dasbor Anda ---> Edit HTML
2. Centang Expand Template Widget
3. Untuk menjaga hal-hal yang tidak diinginkan saya sarankan backup dulu template blog anda dengan mengklik Download Full Template.
4. Cari kode: ]]></b:skin>
5. Copy kode yang ada dibawah ini kemudian paste di atas kode ]]></b:skin>
.showpageArea a {text-decoration:underline;}6. Kemudian cari kode </body>
.showpageNum a {text-decoration:none;border: 1px solid #cccccc; margin:0 3px;padding:3px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#E56400;}
.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; background-color:#E56400;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333;}
7. Copy kode yang ada dibawah ini kemudian paste di atas kode </body>
<script type='text/javascript'>8. Save Template Anda, selesai.
var pageCount=5;
var displayPageNum=5;
var upPageWord='Previous';
var downPageWord='Next';
</script>
<script src='http://rumbiadalam.googlecode.com/files/pag3.js' type='text/javascript'/>
Silahkan anda mencobanya, semoga bermanfaat.
Tidak ada komentar:
Posting Komentar