Oke langsung saja bagi sobat yang ingin melihat DEMO nya silahkan sobat lihat pada bagian bawah blog ini, dan contoh nya silahkan sobat perhatikan gambar dibawah ini:
Cara Membuat Tombol Next Page Dengan Angka
- Login ke blog
- Masuk ke dasbor dan klik template => pilih Edit HTML
- Backup Dulu Template anda dengan meng Klik Download Full Template (Terserah anda Ya atau Tidak.tapi lebih baik Ya)
- Centang Expand Template Widget
- Cari Kode ]]></b:skin> Copy kode di bawah lalu paste di atas kode ]]></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;}
.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;}
7. Selanjutnya cari kode </body>
8. Copy lalu paste kode di bawah ini tepat si atas kode </body>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord='Previous';
var downPageWord='Next';
</script>
<script src='http://codecbd.googlecode.com/files/page-no.js' type='text/javascript'/>
var pageCount=5;
var displayPageNum=5;
var upPageWord='Previous';
var downPageWord='Next';
</script>
<script src='http://codecbd.googlecode.com/files/page-no.js' type='text/javascript'/>
9. klik pratinjau untuk memastikan terjadinya kesalahan
10. Apabila sudah oke dan silahkan sobat klik simpan template
11. Selesai
Sekian dulu pembahasan kita kali ini tentang Cara Membuat Tombol Next Page Dengan Angka, Apabila ada yang ingin ditanyakan silahkan tinggalkan pesan pada kotak komentar.
Terimakasih, selamat mencoba dan semoga bermanfaat..!!!
Labels:
blogger tutorial,
template hack
Thanks for reading Cara Membuat Tombol Next Page Dengan Angka. Please share...!
Berguna banget, artikelnya gan.
ReplyDeleteAlhamdulillah, akhirnya bisa follow CBD, meski sebentar.
Oh ya bang, Domain saya belum bisa juga sampai sekarang. Tau salah setting, entah google malas propagasi. Kalu Bang Dadan sempaet, saya minta tolong dong.
Thank's for information which your give to me.
DeletePlease Visiting The Link :
http://infomp3world.blogspot.com
Iya selamat mencoba tutorialnya..!!
ReplyDeleteOke aku bantu settingin domain nya.
Chat aku di bangdadan@gmail.com
waduuh...sebetulnya sy butuh bgt yg gini Bang..tp sy terapkan td gk bisa..maklum bg,sy baru belajar...entah dimananya yg salah!
ReplyDeletemohon bantuannya Bang...terima kasih banyak sebelumnya!
Coba lagi terus gan, klw masih blm bisa mungkin struktur templatenya yang bebrbeda.
Deleteterima kasih bnyak bang...
ReplyDeletengebantu banget nih..
Sama2 sob,, semoga bermanfaat ya?? aslam sukses selalu buat sobat..!!
DeleteThanks ea gan... berguna banget
ReplyDeletesalam kenal
http://master7chris.blogspot.com
Sama2 gan,, salam kenal juga ya :)
Deletetrimsss gan,, dicoba
ReplyDeleteSilahkan sob, semoga berhasil ya??
Deletegan ko d blog sya gk ngaruh y??gk ad tombol next ny ?? :(
ReplyDeleteKalau boleh tau agan pake template apa?? barangkali ada pengaruh dari templatenya?
Deletethanks gan ..bermanfaat bngt
ReplyDeleteSama - sama kawan semoga membantu..!!!
Deletebermanfaat semoga adminn mau mengunjungi blog saya ya
ReplyDeleteOke kawan, nanti ane visit..!!!
Deletega ngerti -_-
ReplyDeleteDi sebelamh mana gak ngertinya mbak :)
Deletegimana caranya ngebagi posting
ReplyDeletecontoh
dalam satu halam terdiri dari 3 posting??
bSilahkan klik link berikut sob http://www.cbd.web.id/2013/06/cara-membuat-posting-blog-menjadi-3-kolom.html
Deletefollback nya gan http://bodhat21.blogspot.com/
ReplyDeleteOke sob.
DeleteAssalamualikum. Bagus, sangat membantu, terima kasih, lanjutkan tutorial lainnya..
ReplyDeleteWss. Terimakasih kembali kawan, semoga bermanfaat.
Deletewih, langsung sukse gan,.
ReplyDeletemantap info nya,.
#salam jalan2
Selamat kawan, semoga sukses selalu buat sobat.
DeleteThis comment has been removed by the author.
ReplyDeletepertamax.. izin nyimak y pak admin n lamken??
ReplyDelete"nice info"
dtunggu kunbalx-->> http://tasmon322.blogspot.com
for all lamken jg y, lw ad wktu mampir2 k blog aQ
..wat pak admin x lg thx.. :)
Silahkan kawan..
DeleteTerimakasih banyak..
Oke nanti saya visit back :)
Keren bro.. langsung work!
ReplyDeletetapi kenapa klo saya klik label saya yang sudah saya batasi jumlah postingnya kok tombol next berangkanya hilang ya?
Coba disesuaikan dengan kebutuhan gan angka ini:
Deletevar pageCount=5;
var displayPageNum=5;
Selamat mencoba kembali dan semoga sukses. :)
trims infonya
ReplyDeletetapi hanya berlaku di halaman depan
begitu klik label, masih tidak muncul
caranya gimana ya
mohon bantuannya ya :'(
chaa.dewi@gmail.com
Ia itu hanya tampil pada homepage saja.
Deletekalau untuk next page dengan angka pada Label coba bikin manual pake script seperti ini http://domainanda.com/feeds/posts/summary/-/news?max-results=10
mas di web saya juga gx muncul.
ReplyDeletekenapa ya ??
http://dot-peace.blogspot.com
Mungkin berbeda struktur template HTML-nya, pake template herdiansyah hamzah ya?
Deletecoba ikuti saran teman kita di bawah komentar panenfilm. tksh
wah, bagus bangat gan, ini mah yang saya cari2 dari dulu
ReplyDeletesalam kenal,
http://riiozone.blogspot.com
Iya sob, semoga bermanfaat.. salam kenal juga sob. :)
DeleteIjin jawab ya admin. Buat yang gak bisa diterapin di templatenya
ReplyDeletepenempatan code bukan di atas < / body >
tapi setelah "< b : include name = ' nextprev ' / >" (spasi di codenya ilangin aja)
Wah terimakasih kawan, atas sarannya.
Deletesemoga teman2 yg blm bisa dapat mengikuti instruktur agan. tksh
thank's ya...
ReplyDeletesama 2 sob..
Deletesaya udh coba, hasilnya beneran berhasil, makasi ya..
ReplyDeleteSama-sama gan, Selamat ya !!
DeleteTerimakasih triknya gan... dan udh saya terapkan di blog saya.. dan berhasil..
ReplyDeleteSlam kenal ya.
http://mulkensyaf.blogspot.com
Sama-sama gan, selamat berkreasi..!!
DeleteGan di temlate ane gak nongol ya??
ReplyDeleteDisini gan:
http://www.investmentlook.com
Coba lagi gan, dan kalau masih gak nongol mungkin struktur templatenya berbeda, coba cari info dari blog temen yang lain.
DeleteSangat bermanfaat master!! ijin meninggalkan jejak sebagai rasa terimakasih saya atas postingan yang sangat teramat bermanfaat ini!!
ReplyDeleteSama-sama kawan, dan terimakasih juga telah berkunjung semoga artikel di blog ini berguna buat kita semua.
Deletetulisan Pages (45) nya biar ilang gmn gan? ty info nya
ReplyDelete