Membuat Navigasi Halaman Menggunakan Javascript

22/12/110 komentar


Membuat Navigasi Halaman Menggunakan Javascript


  1. Login di blogger, silahkan sobat klik Rancangan.
  2. Kemudian klik tab Edit HTML.
  3. Expand Template Widget tidak usah di klik.
  4. Letakkan kode css berikut ini sebelum kode ]]></b:skin>
.showpageNum a {

color:#FFF;padding:4px 10px;

margin:0 2px;

text-decoration:none;

-webkit-border-radius:2px;-

moz-border-radius:2px;

background:#848484

}
.showpageOf {

color:#222;

margin:0 6px 0 0

}
.showpageNum a:hover {

background:#222;

color:#FFF

}
.showpagePoint {

color:#FFF;

text-shadow:0 1px 2px #333;

padding:4px 10px;

margin:0 2px;

-webkit-border-radius:2px;

-moz-border-radius:2px;

background:#222;

text-decoration:none
}

5. Dan letakkan kode berikut sebelum </body>

<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=10;
var numshowpage=7;
var upPageWord =&#39;&#9668;&#39;;
var downPageWord =&#39;&#9658;&#39;;
</script>
<script src='http://miscah.googlecode.com/files/pagenav.js' type='text/javascript'/>

6. Kemudian Simpan Template.

Keterangan :
  • var postperpage=10; adalah jumlah postingan dalam satu halaman, sesuaikan dengan jumlah postingan sobat, jika jumlah postingannya 5 maka ganti angka tersebut dengan angka 5.
  • var numshowpage=7; adalah jumlah tombol navigasi dalam satu halaman
Share this article :

Publicar un comentario

UCAPAN SELAMAT

Test Footer 1

k

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. KUMPULAN MAKALAH ALHASYI - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger