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:









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 




    Post a Comment

    Contact Form

    Name

    Email *

    Message *

    Powered by Blogger.