Beranda Blogspot

Membuat Navigasi Halaman Berupa Angka

Gambar
admin udin
0 • menit membaca
Daftar Isi
Yang menjadi masalah dari sistem navigasi seperti ini Membuat Navigasi Halaman Berupa Angka

Membuat Navigasi Halaman Berupa Angka - Untuk blogger, biasanya link navigasi halaman ini berupa link POSTING LEBIH BARU atau POSTING LAMA. Yang menjadi masalah dari sistem navigasi seperti ini, pengunjung blog hanya bisa berpindah halaman demi halaman. Ini bisa diatasi dengan membuat navigasi angka yang bisa menampilkan beberapa halaman sekaligus.

Ini adalah salah satu widget yang mulai banyak digunakan. Jika anda tertarik untuk memasang navigasi angka seperti ini, maka ikuti prosedur sederhana berikut ini. Tapi untuk keamanan blog anda sebaiknya backup dulu template anda.

Berhubung trik seperti ini kadang berhasil pada suatu template namun bermasalah pada template lain saya mencoba menghidangkan dua metode. Yang pertama dengan memasang internal script pada template anda. Yang kedua menggunakan external script.

METODE 1: INTERNAL SCRIPT
  • Masuk ke akun blogger saudara
  • Masuk ke menu TEMPLATE, lalu pilih EDIT HTML. CENTANG EXPAND TEMPLATE WIDGET
  • Cari kode  ]]>b:skin>
  • Taruh kode berikut tepat di atas ]]>b:skin>

.showpageArea a { text-decoration:underline; } .showpageNum a { text-decoration:none; border: 1px solid #ccc; margin:0 3px; padding:3px; } .showpageNum a:hover { border: 1px solid #ccc; background-color:#ccc; } .showpagePoint { color:#333; text-decoration:none; border: 1px solid #ccc; background: #ccc; margin:0 3px; padding:3px; } .showpageOf { text-decoration:none; padding:3px; margin: 0 3px 0 0; } .showpage a { text-decoration:none; border: 1px solid #ccc; padding:3px; } .showpage a:hover { text-decoration:none; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#333; }
  • Sekarang cari kode di bawah ini
  • Jika sudah ketemu, maka carilah terus ke bawah sampai menemukan kode penutupnya, seperti di bawah ini.
  • Hati-hati dalam mencari karena antara tag pembuka terdapat kode yang sangat panjang.
  • Kalau sudah ketemu tag penutupnya, maka tepat sesudah kode tersebut, masukkan kode di bawah ini.



Perhatikan kode di bawah ini:
var pageCount = 5;
var displayPageNum = 5;
var upPageWord = 'Previous';
var downPageWord = 'Next';

Keterangan:
  • var pageCount itu adalah jumlah posting per halaman
  • var displayPageNum itu jumlah link halaman yang ditampilkan di bawah postingan
JIKA SUDAH SELESAI SIMPAN PERUBAHAN. JIKA ANDA MELAKUKANNYA DENGAN BENAR, MAKA TAMPILANNYA KURANG LEBIH SEPERTI DI BAWAH INI...
Yang menjadi masalah dari sistem navigasi seperti ini Membuat Navigasi Halaman Berupa Angka

 METODE 2 EXTERNAL SCRIPT
  • Upload kembali template yang sudah anda simpan terlebih dahulu di awal....
  • Cari kode
  • Taruh kode berikut tepat di atas


  • Kode #3d85c6 adalah untuk biru muda. Silahkan diganti sesuka anda
  • Cari kode dan taruh kode di bawah tepat di atasnya


Posting Komentar