Cara Membuat Widget Next Page Pada Blog

Tujuan membuat Widget Next Page pada blog adalah untuk mempermudah pengunjung yang membaca artikel kita, Untuk melihat postingan artikel pada halaman yang lainnya, dan hal ini dilakukan karena jumlah postingan artikel yang sudah banyak atau lebih dari 100 postingan. Sehingga pengunjung yang membaca artekel kita sangat membutuhkan witget next page ini, supaya mudah menemukan postingan artikel yang lainnya, Dan mereka betah untuk berlama lama pada Blog kita.



Cara Memesang Widget Next page pada blog adalah sebagai berikut:
1. Login ke account blogger  anda.
2. Pilih dan Klik menu Layout.


3. Lalu pilih dan klik Add Gadget -----> Pilih gatget yang sesuai dengan letak Next Page  yang akan kita pasang.
4. Lalu akan muncul Windows baru -----> Pilih HTML java Script -----> Lalu masukkan kode sebagai berikut :


<style type='text/css'>
.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;
}
</style>
<script style='text/javascript'>var pageCount=5;var displayPageNum=5;var upPageWord="Previous";var downPageWord="Next";</script>
<script style='text/javascript' src='http://imtikhan.googlecode.com/files/blogger-page-nav-v2.js'></script>

5. Lalu klik Save atau simpan.
6. Lihat hasilnya.
7. Jika hasilnya belum muncul, Tunggulah beberapa saat atau beberapa jam, Kerena masih dalam Preses penyesuian.

* Selamat mencoba dan semoga berhasil.

Comments

  1. sama - sama gan, terima kasih telah berkunjung ^_^

    ReplyDelete
  2. Thanks Gan,,visit ya : www.jember-programmer.blogspot.com
    Mau Tanya nih bagaimana buat komentar seperti ini Gan.

    ReplyDelete
    Replies
    1. yang mananya gan, Emoticon, thread atau syarat-syarat berkomentarnya gan? :-?

      Delete
  3. makasih buat tutorialnya mas, membantu banget

    kunjungi blog ku juga ya mas, next nya pake html dari mas lho..

    https://novelgaruda.blogspot.com/2018/05/1-sejarah.html

    ReplyDelete

Post a Comment

Syarat-syarat Berkomentar:

☻) Berkomentarlah Dengan Bahasa Yang Sopan;
☻) Berkomentarlah Dengan Bijak;
☻) Berkomentarlah Dengan Komentar Yang Berhubungan Dengan Postingan Ini;
☻) Dilarang Berkomentar Yang Berhunbungan Dengan PORNO/SARA
☻) Dilarang Berkomentar SPAM

NB: Jika sahabat melanggar syarat-syarat diatas maka Komentar sahabat akan dihapus.

Terima Kasih.