Salam Sejahtera !!! Kali ini saya mau share tentang cara membuat Page Number atau Navigasi Halaman dengan menggunakan nomor atau angka adalah sebagai alat navigasi yang berfungsi selain dapat mempercantik tampilan halaman utama juga dapat memudahkan pengunjung dalam menjelajahi content sebuah blog atau website. Kira-kira seperti apa yah? Ok silahkan Anda Lihat contohnya pada halaman utama blog saya ini, kira-kira tampilan seperti pada gambar di bawah :
Jika anda mau mencobanya, silahkan ikuti langkah-langkahnya sbb:
1. Login ke Dashboard blogspot Anda,
2. Pilih Rancangan (Layout) dan pilih EditHTML,seperti biasa centang opsi Expand Widget Templates,
3.cari kode berikut: ]]></b:skin>
2.Setelah ketemu, di atas kode ]]></b:skin> letakkan kode di bawah ini :
.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; }
3.Lalu cari lagi kode seperti ini: </body>
4.Jika sudah ketemu, di atas kode </body> letakkan script di bawah ini:
<b:ifcond='data:blog.pageType != "item"'> <script type='text/javascript'> varpageCount=5; vardisplayPageNum=7; varupPageWord ='Sebelumnya'; vardownPageWord ='Lanjutkan'; </script> <script src='https://sites.google.com/site/tutorialbloghost/my_javascript/Navigasi-nomor-halaman.js' type='text/javascript'/> </b:if>
5.Selanjutnya cari kode berikut ini : 'data:label.url';
6.Hapus kode ini : 'data:label.url'dan ganti dengan kode di bawah ini:
'data:label.url + "?&max-results=5"
7.Terakhir klik Tombol Simpan Templates dan lihat hasil kerjaan anda.
Be Success [Happy Blogging]
Salam