Tips Mudah Membuat Page Navigasi

Jika anda perhatikan bagian paling bawah blog ini setelah kolom posting, anda akan temukan page navigation (seperti gambar di atas) yang berfungsi untuk memindah halaman demi halaman secara berurutan tanpa mengklik bagian label atau kategori. Ternyata, ada beberapa teman yang menanyakan cara memasangnya. Script ini saya dapatkan dari Mas Yuniarto Rahardjo, yang telah dimodifikasi dari blognya Mas Rias. Maka, saya ucapkan terima kasih untuk beliau berdua.

Ada beberapa pilihan untuk memasangnya. Untuk page navigation yang saya pakai, caranya relatif mudah. Kita hanya memasukkan script tersebut di Elemen Halaman blog, tanpa mengotak atik templet. Cara kedua, anda bisa menambahkan kode CSS di atas kode ]]></b:skin>. Akan, tetapi, metode ini cukup memakan waktu, karena kita harus mengedit templet dan menambahkan kode-kode tertentu. Maka, saya ingin berbagi cara yang pertama saja.

Oke, langsung saja pada langkah-langkah yang harus ditempuh.

1. Login ke account blogger dan tujulah ke tab Layout, kemudian klik link "Add Page Element".
2. Pilih HTML/JAVASCRIPT dalam window Page Element tersebut.
3. Download javascript code disini dan tuliskan (copy/paste) javascript kedalam window.
4. Setelah javascript tersebut ditambahkan, pindahkan (drag n drop) widget tersebut kebawah widget utama Blog Post.


5. Jangan lupa untuk save template / layout untuk menyimpan perubahan yang telah dilakukan.

Pada code hasil download di atas anda dapat merubah nilai berikut (berwarna merah) sesuai kebutuhan :

var pageCount = 5; angka "5" menujukan jumlah posting yang ditanpilkan dalam setiap page.

var displayPageNum = 3; angka "3" menunjukan banyaknya jumlah page yang ditampilkan diblog. Untuk lebih jelasnya silahkan dicoba untuk mengganti nilai-nilai tersebut sehingga perubahannya bisa diketahui langsung.

Note : untuk melihat kode-kode warna html, silahkan klik di sini.