2 Cara Membuat Navigasi Page Number 123 Untuk Blogspot

Pada tulisan kali ini, saya ingin berbagi tips cara membuat navigasi page number pada blog khusus buat sahabat blogger yang belum tau. Mungkin untuk sebagian besar blogger sudah tahu ataupun sudah menggunakan menu navigasi page number 123 ini pada blog pribadinya dan mungkin juga sudah banyak yang memposting navigasi page number seperti ini. Tapi tidak apa tutorial atau cara membuat menu navigasi page number ini untuk menambah referensi bacaan sahabat blogger, untuk yang sudah tahu silahkan menutup halaman ini atau membaca halaman yang lainnya. Tanpa panjang lebar langsung saja dimulai proses percobaan ini.

1. Pergilah ke dashboard blogger anda, pilih rancangan, dan pilih edit html, kemudian contreng option expand widget templates

2. Selanjutnya, cari kode ]]></b:skin>

3. Setelah ketemu, copy dan paste kode di bawah ini tepat di atas ]]></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:#f3f3f3;}
.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #f3f3f3;margin:0 3px;padding:3px;}
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpage a {text-decoration:none;border: 1px solid #f3f3f3;padding:3px;}
.showpage a:hover {text-decoration:none;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}

4. Kemudian cari lagi kode seperti ini </body>
5. Jika sudah ketemu, letakkan script dibawah ini tepat di atas kode </body>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=3;
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>

6. Setelah semua selesai, carilah kode berikut : 'data:label.url'
7. Jika sudah ketemu,hapus kode tersebut dan gantilah kode berikut : 'data:label.url + &quot;?&amp;max-results=5&quot;'

8. Langkah terakhir silahkan anda simpan hasil pekerjaan anda dan selamat mencoba.

Keterangan :
pageCount  : jumlah tulisan/posting/artikel yang akan ditampilkan dalam satu halaman (bisa diganti sesuai dengan keinginan)
displayPageNum : jumlah nomor halaman yang ditampilkan (bisa diganti sesuai dengan keinginan)
upPageWord : mengarahkan kita ke halaman yang lebih baru (tulisan Previous bisa diganti sesuai dengan keinginan)
downPageWord : mengarahkan ke halaman yang lebih lama (tulisan Next bisa diganti sesuai dengan keinginan)

Komentar →