Thursday, March 15, 2012

MEMBUAT PAGE NAVIGATION BLOG


stylish blogger pagenavi - Dark Blue 
 
Cara Membuat Page Navigation Untuk Blogger itulah yang akan kita bahas pada kali ini.Ini bukan script buatan saya tapi buatan intert3chmedia.net

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,kalo untuk template ini ada 3  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  – Black Mamba
stylish blogger pagenavi - Black Mamba
Copy Code-Download

Navigasi Halaman Blogger Cantik – Dark Blue
stylish blogger pagenavi - Dark Blue
 Copy Code-Download

Navigasi Halaman Blogger  – Sweet Orange
stylish blogger pagenavi - Sweet Orange
 Copy Code-Download

Navigasi Halaman Blogger  – Shadowed Green Ruby
stylish blogger pagenavi - Green Ruby
Copy Code-Download
 
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.Demikian  
 

ads

Ditulis Oleh : Muhammad D Setiawan Hari: 8:18 AM Kategori:

0 comments:

Post a Comment

 

Visitor This Day

Stat

Guest Book