Koleksi Navigasi Halaman Bernomor/Page Navigation Untuk Blog

BritaZone - Apa kabarnya sahabat BritaZone? Pada kesempatan kali ini admin akan memberikan tutorial tentang pembuatan Numbered Page Navigation/Halaman Navigasi Bernomor pada blog. Biasanya page navigasi semacam ini digunakan agar sebuah blog bisa membatasi jumlah postingan yang ditampilkan pada sebuah halaman. Bukan hanya pada halaman utama/homepage saja melainkan bisa membatasi juga halaman-halaman yang lain termasuk halaman statis pada sebuah blog. Satu hal yang tidak boleh dikesampingkan dari fungsi navigasi bernomor adalah tampilannya yang sangat elegant dan memberi kesan bahwa blog kita lebih profesional.

Seperti sebuah buku, apabila kita ingin membuka sebuah topik dihalaman tertentu, maka kita tinggal buka saja halaman tersebut. Nah kurang lebihnya begitu pada navigasi blog ini. Nanti kalian bisa membuka/menuju sebuah halaman secara langsung.

Baik agar tidak terlalu panjang maka langsung saja admin jelaskan tentang Navigasi Halaman Bernomor/Page Navigation Untuk Blog.

1. Masuk dulu ke akun blogger kalian.
2. Setelah dihalaman Dasbor, buka/pilih blog mana yang akan dikasih Numbered Page
    Navigation/Halaman Bernomor
3. Terus pilih Template, lalu klik opsi Edit HTML dan setelah klik Proceed 
4. Cari kode </body>, lalu copy paste code Blogger Page Navigation Style sesuai
    pilihan kalian dibawah ini dan letakkan tepat diatas kode </body>
5. Nah, untuk pilihan kode Blogger Page Navigation Style lihat screenshoot berikut:

Blogger Page Navigation Style - Lite Gray 

View Demo | Get the Code

Blogger Page Navigation Style - Black Mamba

View Demo | Get the Code

Blogger Page Navigation Style - Dark Blue

View Demo | Get the Code  

Blogger Page Navigation Style - Sweet Orange

 

 View Demo | Get the Code  

Blogger Page Navigation Style - Shadowed Green Ruby 

View Demo | Get the Code 

6. Perhatikan bahwa pada saat kalian mendownload kode Blogger Page Navigation Style.
    Buka di Notepad dan lihat scriptnya yang tertera sbb:

<script type='text/javascript'>
var pageCount=6;
var displayPageNum=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>

7. Kode yang berwarna merah merupakan jumlah maksimal yang ditampilkan disetiap halaman,
    kalian bisa menggati jumlahnya sesuai yang kalian inginkan.
8. Jangan lupa klik Save Template

Source and code: http://www.intert3chmedia.net