Bagi yang sering berpetualang di dunia blogspot dan telah mencoba berbagai template blogspot pasti terkadang menjumpai bahwa template yang dipakai ternyata tidak ada feature paging/ navigasi untuk halaman posting nya. Bila anda termasuk salah satu blogger's yang mengalami hal ini dan ingin menambahkan navigasi/ paging halaman pada blogspot anda maka tutorial berikut ini akan membahas bagaimana caranya menambahkan navigasi/ paging halaman pada blogspot.
Caranya adalah:
1. Login ke akun blogger anda
2. Setelah berada di dashboard blogger lalu masuk ke Rancangan/Tata Letak --> Edit Html.
3. Cari Kode berikut :
]b:skin>]></
Kemudian letakkan kode ini diatasnya :
/* ----- Page Navigation styles ----- */ .showpageNum a { padding: 2px 5px; margin:0 5px; text-decoration: none; border:1px solid #ccc; -webkit-border-radius:3px;-moz-border-radius:3px; background: #eee; } .showpageOf { margin:0 8px 0 0; } .showpageNum a:hover { border:1px solid #ccc; background: #ddd; } .showpagePoint { color:#fff; text-shadow:0 1px 2px #333; padding: 2px 5px; margin: 2px; font-weight: 700; -webkit-border-radius:3px;-moz-border-radius:3px; border:1px solid #999; background: #666; text-decoration: none; } |
4. Kemudian cari Kode berikut :
</body>
Kemudian letakkan script dibawah ini di atas kode </body> tersebut
<!--Page Navigation Start--> <script type='text/javascript'> var home_page="/"; var urlactivepage=location.href; var postperpage=4; var numshowpage=6; var upPageWord ='Previous'; var downPageWord ='Next'; </script> <script src='http://ahmad-rifai-tools.googlecode.com/files/pagenavi.js' type='text/javascript'/> <!--Page Navigation End --> |
5. Jika langkah-langkah di atas sudah dikerjakan dengan benar lalu simpan dengan cara klik tombol simpan atau save.
Demikian cara untuk menambahkan navigasi / paging halaman di blogspot, jika navigasi halamannya tidak muncul silakan di cek lagi apakah penempatannya sudah benar
Selamat mencoba..
Post a Comment
No Spam dan Pornografi...! OK