Kata Mutiara

Kesungguhan Adalah Kunci Keberhasilan

Membuat Navigasi Next Page Number Di Blog

Masih seputar dunia blogspot, postingan kali ini akan membahas cara membuat navigasi halaman berurut atau next page number 1 2 3. Next page number terletak di bawah posting. Atribut ini hanya terlihat pada halaman awal atau home page saja, jika kita mulai masuk pada postingan maka atribut next page number tidak akan muncul. Dengan atribut ini di harapkan dapat memudahkan pengunjung untuk  menelusuri halaman demi halaman blog kita.

Pemasangan navigasi next page number atau halaman berurut akan mucul seperti gambar di bawah ini:




Atau untuk lebih jelasnya silahkan lihat pada blog saya ini di sini...!!!

Berikut ini Adalah cara pemasangannya:

  • Login ke bloger.com dengan akun anda.
  • Klik Design kemudian Edit HTML.
  • Jangan lupa klik Download Full Template.
  • Centang Expand Widget Templates.
  • Cari Kode berikut  ]]></b:skin> ( Gunakan ctrl + f untuk memnudahkan pencarian )
  • Copy kode dibawah ini dan letakan di atas ]]></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;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}


  • Selanjutnya cari kode </body>
  • Jika sudah ketemu copy paste script kode di bawah ini dan letakan ditas </body>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
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>
  • Langkah terakhir carilah kode
'data:label.url'
  • Jika sudah ketemu hapus kode tersebut dan gantilah dengan kode di bawah ini:
'data:label.url + &quot;?&amp;max-results=5&quot;'
  • Simpan template dan Anda bisa lihat hasilnya sekarang
Semoga bermanfaat...!!!

Cara Membuat Blog

Kembali ke Site Map / Daftar Isi di Blog Ini, Klik Di Sini !
    Data Browser Anda
    IP

    Diberdayakan oleh Blogger.
    Twitter Delicious Facebook Digg Stumbleupon Favorites More