Kamis, 16 September 2010

CARA MEMASANG NAVIGASI HALAMAN/PAGE NUMBER

Page number/navigasi halaman dengan menggunakan angka, memberi kemudahan bagi pengunjung blog kita untuk menjelajahi isi blog kita.
Selain itu page number juga membuat tampilan blog kita lebih menarik dan kelihatan proffesional.
Untuk cara pasang page number adalah sebagai berikut:

Demo:Lihat dibawah postingan                      Sumber: abu farhan 


1. login ke blogger, pilih rancangan, pilih edit HTML.

2. cari kode ini "]]></b:skin>" kemudian ganti dengan kode di bawah ini:
      kode:
.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #ddd;
  }


.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc;
  }


.showpagePoint {
  color:#fff;
  text-shadow:0 1px 2px #333;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  border:1px solid #999;
  background: #666;
  text-decoration: none;
  }
]]></b:skin>


3. cari kode ini "</body>" kemudian ganti dengan kode di bawah ini:
      kode:
&lt;script type='text/javascript'&gt;
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
&lt;/script&gt;
&lt;script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'&gt;&lt;/script&gt;
</body>


4. centang kotak expand widget dan cari kode 'data:label url' kemudian ganti dengan kode di bawah ini:
     kode:
'data:label.url + &quot;?&amp;max-results=7&quot;'


5. Save template.

6. Selesai semoga bermanfaat.
    keterangan:
- var postperpage=7; adalah jumlah postingan yang akan tampil di halaman, untuk itu sesuaikan dengan jumlah postingan,per halaman kalian,untuk menyesuiakan postingan klik edit pada elemen post di halaman elemen laman jika jumlah postingan kalian 10 maka tulis pada maka ganti angka 7 dengan angka 10.

- var numshowpage=4; adalah nomor navigasi halaman yang akan ditampilkan.

16 komentar :

  1. Hai, salam balik ya..senang ketemu blog anda krn sy juga msh belajar soal blog..
    Makasih..

    BalasHapus
  2. @inisajamo: makasih tas kunjungannya

    BalasHapus
  3. salam kenal juga, makasih udah berkunjung ke blog saya... ;)

    BalasHapus
  4. Hi, Salam kenal.. postingannya membantu sekali buat saya yang masih belajar soal blog. thx juga da berkunjung ke blog saya.. :p

    BalasHapus
  5. @ven n @rif: maksih tas kunjungan baliknya

    BalasHapus
  6. saya nemunya kode "<![CDATA[/*"
    yang itu??

    BalasHapus
  7. @ hikari hana: untuk step yang berapa ya....untuk mempermudah gunakan ctrl+f jika belum ketemu juga coba klik expand widget

    BalasHapus
  8. @ hikari hana:ini contoh dengan template yang kamu pake klik disini

    BalasHapus
  9. waaah saya juga belom begitu mengerti..
    tolong bantuannya ya.. :)

    BalasHapus
  10. @ Fella Pisca Herman : oks...baca ja tutornya..n maksih tas kunjungannya....

    BalasHapus
  11. @ ayu diah cempaka: silahkan sign in di widget "Sahabatku" na mksh tas kunjungannya...

    BalasHapus
  12. ini yg saya cari2 gan, thanks

    BalasHapus
  13. thanks kk atas infonya jangan lupa visit back to http://kamikaze-corporation.blogspot.com/
    saya menggu postingan baru dari kk dan saya akan mampir lagi lain waktu.

    BalasHapus