Selamat Datang

TERIMAKASIH ATAS KUNJUNGAN ANDA, BERIKAN KOMENTAR, SARAN DAN PENILAIAN ANDA AGAR KAMI DAPAT MEMBERIKAN YANG TERBAIK UNTUK ANDA

Thursday, January 12, 2012

Membuat Nomor halaman di Blogspot

Navigasi Page Number Di Blogspot, Pada template Blogspot umumnya menggunakan navigasi Previous dan Next/Posting lebih baru dan Posting Lama yang ada pada bagian bawah postinagn blog, fungsinya yaitu membantu pembaca/pengunjung untuk berganti halaman menuju tulisan sebelum atau setelah dari tulisan yang sedang dibaca tanpa ada keterangan nomor halaman.Contohnya dapat dilihat pada blog saya.

Dengan penomoran halaman maka akan tampil jumlah halaman serta nomor-nomor halaman, dimana setiap kali anda mengklik nomor tersebut anda dapat beralih ke halaman yang anda inginkan, Berikut adalah langkah-langkah membuat navigasi nomor halaman


Ikuti langkah-langkah berikut :
  1. Seperti biasa, Login ke blogger anda
  2. Klik menu Tata Letak dan pilih Edit HTML
  3. Seperti biasa sebelum anda mengubah HTML, download dahulu template anda, agar dapat mengembalikan seperti semula
  4. Kalau sudah, klik Expand Template Widget
  5. Lalu cari kode berikut (Ctrl + F) : ]]></b:skin>
  6. Kemudian masukan kode script dibawah ini tepat di atas kode: ]]></b:skin>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
Langkah berikutnya
  1. Selanjutnya kita cari lagi kode berikut: </body>
  2. Kemudian masukan kode script berikut tepat di atas kode: </body>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=9;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
Keterangan :
Kode pageCount di atas menunjukkan jumlah tulisan/posting/artikel yang akan ditampilkan dalam satu halaman. Kode displayPageNum menunjukkan jumlah nomor halaman yang ditampilkan (jika diisi dengan angka 9 berarti nomor halaman yang muncul ada 10, ditambah satu untuk halaman satu). Kode upPageWord mengarahkan kita ke halaman yang lebih baru (tulisan Previous bisa diganti sesuai dengan keinginan). Kode downPageWord mengarahkan ke halaman yang lebih lama (tulisan Next bisa diganti sesuai dengan keinginan).
Langkah Terakhir
  • Terakhir kita cari kode script berikut: 'data:label.url'
  • Gantilah kode script diatas dengan kode dibawah ini:
'data:label.url + &quot;?&amp;max-results=5&quot;'
Keterangan :
Fungsi dari script ini adalah untuk mengganti default (standar) Blogspot yang akan menampilkan 20 posting setiap halamannya, karena pada pageCount di atas kita isi 5, maka pada script ini pun juga diisi dengan 5 (menampilkan 5 posting per halaman).
  • Simpan template, dan lihat hasilnya.

1 comments:

  1. tutorial yang bagus mas, lumayan untuk kustomisasi blog kita..
    :)

    ReplyDelete

Silahkan masukkan komentar anda, Email anda tidak akan dipublikasikan

Daftar Isi