Cara Membuat Navigasi Halaman dengan Nomor

Halaman Navigasi dengan nomor adalah fitur lama yang benar-benar mengagumnkan. Anda mungkin telah melihat halaman navigasi dengan nomor pada banyak blog yang menggunakan platform wordpress (yang diciptakan oleh Lester Chan). Tapi, Muhammad Rias dari Techie Blogger telah mengembangkan suatu sistem navigasi halaman untuk blogger. Dan sekarang Abu Farhan telah menyempurnakannya dan ia telah memberikan kepada kita sistem navigasi halaman yang lebih sempurna. Di bawah ini sudah saya sediakan screenshotnya:

Untuk membuatnya, silahkan ikuti langkah-langkah berikut:
1. Login pada akun Blogger Anda
2. Klik layout kemudian klik Edit Html
3. Centang Kotak Expand Widget
4. Cari kode ]]></b:skin>(tekan Ctrl+F untuk memudahkan pencarian) kemudian letakkan kode berikut tepat di atasnya


.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;
}


Kode tersebut bisa Anda rubah sesuai dengan keinginan Anda
( Catatan: Jangan merubah apabila Anda tidak mengerti kode di atas, karena bisa menimbulkan hal yang tidak ingin Anda inginkan)

5. Kemudian cari kode </body> kemudian letakkan kode berikut tepat di atasnya


<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&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://die-silver.googlecode.com/files/blognavigasi.js' type='text/javascript'/>' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->


perhatikan kode ini var pageCount=5; Angka pada kode tersebut adalah untuk menampilkan jumlah Posting yang akan terlihat pada setiap halaman navigasi.

6. Simpan perubahan
7. Selesai

Informasi ini adalah referensi dari Ardi33

Good luck

9 komentar:

  1. wah bernmanfaat juga ni...
    makasih ya...

    ReplyDelete
  2. Hello my friend, thank you very much for your visit, new day of happiness and peace. Hugs Valter.

    ReplyDelete
  3. kerenn tenan broo...
    makasih dah sharingnya

    ReplyDelete
  4. llangsung ngikut nyoba ahhh
    walaupun kagak ngarti ginian,,hehehe

    ReplyDelete
  5. Nice Trik,,:a: Kunjungan ,Follow plus koment. Follow plus koment back yupz on Membuat widget pasang iklan gratis

    ReplyDelete
  6. Wah yg ini infonya mantep nih, perlu sy coba, blh kopas ya kodenya...

    ReplyDelete
  7. mangtabs dech di jajal ntar :g:

    ReplyDelete
  8. Makacih banyak mas...mudah2an dibalas dengan pahala.....

    ReplyDelete
  9. naahh..ini baru berguna banged sob,,

    thnak's banyak² ya...

    ReplyDelete