Navigation Widget Keren

Baru-baru ini juga saya mulai ngoprek blogger, akhirnya diulik juga deh. Mudah-mudahan tulisan kali ini bisa menjadi “redemption” bagi kawan semua yang sempat terjerumus kesini, hehhee…
Mudah saja sebenarnya membuat page navigation untuk blogger ini, ikuti saja dua langkah mudah berikut:
Pertama, secara default blogger akan menampilkan sampai 20 konten per navigasi. Namun kita dapat memotong jumlah ini dan menyesuaikannya sesuai keinginan kita dengan menambahkan sedikit parameter. Cari dan temukan kode di bawah ini:

'data:label.url'
Gantikan dengan
'data:label.url + "?&max-results=6"'
Jika ada beberapa kode yang sama maka ganti saja semua kode tersebut, dengan begini akan membatasi jumlah konten yang muncul dalam navigasi pencarian, arsip, dan labels. Parameter 6 dengan warna merah menunjukan banyaknya batasan jumlah konten yang akan tampil pada setiap halaman. Sesuaikan saja sesuai dengan keinginan Kau.
Kedua, tambahkan kode CSS dan script (tersedia dengan sampel di bawah) tepat sebelum kode </body>, kira-kira seperti ini:
Sebelumnya=>
</body>
Gantikan dengan,
… Simpan script yang didownload di sini!!
</body>…
Agar diketahui juga, di dalam script yang didownload terdapat kode-kode berikut:
<script type='text/javascript'>
var pageCount=6;
var displayPageNum=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
Sesuaikan angka yang berwarna merah dan tentukan nilai angka yang sama sesuai dengan jumlah yang ditentukan pada langkah pertama, lihat kembali di atas. Nah, berikut kode-kode navigasi halaman untuk blogger dengan style dan desain yang cantik:
Navigasi Halaman Blogger Cantik – Lite Graystylish blogger pagenavi - Lite Gray
Lihat DemoCopy Code
Navigasi Halaman Blogger Cantik – Black Mamba
stylish blogger pagenavi - Black Mamba
Lihat DemoCopy Code
Navigasi Halaman Blogger Cantik – Dark Blue
stylish blogger pagenavi - Dark Blue
Lihat DemoCopy Code
Navigasi Halaman Blogger Cantik – Sweet Orange
stylish blogger pagenavi - Sweet Orange
Lihat DemoCopy Code 
Navigasi Halaman Blogger Cantik – Shadowed Green Ruby
stylish blogger pagenavi - Green Ruby
Lihat Demo |Copy Code
Selain itu, Sobat juga dapat mengganti style tombol-tombol page navigation ini dengan mengganti kode stylenya. Kalau sobat sudah bosan dengan tampilan navigasi lama, maka tinggal ganti saja dengan tampilan navigasi halaman yang baru. Cukup dengan mengganti style atau CSSnya saja, yang lainnya tidak perlu diubah.
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 comments:

Post a Comment