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.
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.
sama - sama gan, terima kasih telah berkunjung ^_^
ReplyDeleteThanks Gan,,visit ya : www.jember-programmer.blogspot.com
ReplyDeleteMau Tanya nih bagaimana buat komentar seperti ini Gan.
yang mananya gan, Emoticon, thread atau syarat-syarat berkomentarnya gan? :-?
Deletemakasih buat tutorialnya mas, membantu banget
ReplyDeletekunjungi blog ku juga ya mas, next nya pake html dari mas lho..
https://novelgaruda.blogspot.com/2018/05/1-sejarah.html