Untuk memudahkan pengunjung menjelajah isi blog kita, memang dibutuhkan navigasi. Salah satunya adalah navigasi berbentuk nomor halaman. Kalau tidak tau, apa itu? Lihat saja di homepage http://ipitik.blogspot.com/ terus lihat ke bawah. Ada tulisan next, prev, dan pages. Itulah yang namanya Navigasi Nomor Halaman.
Kalau dalam bahasa inggrisnya "numbered page navigation". Maka dari itu, mari kita mulai tutorial cara membuat navigasi nomor halaman di blog blogger atau blogspot. Istilah amburadulnya yaitu, cara membuat page navigation di blog. Caranya cukup mudah, tapi agak sulit, makanya silakan ikuti petunjuk satu-persatu dan jika ada kebingungan, jangan ragu untuk bertanya melalui komentar.
- Login ke Blogger Anda
- Masuk ke Menu Template
- Pilih Edit HTML.
- Lalu cari kode
]]></b:skin>
(untuk mempermudah pencarian gunakan CTRL+F) - Silahkan Anda copy kode CSS Page Navigation di bawah ini dulu, kemudian paste tepat 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; }
- Jika sudah, cari lagi kode
</body>
. Lalu masukkan script berikut tepat di atas</body>
.<b:if cond='data:blog.pageType != "error_page"'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <script type='text/javascript'> var pageCount=
5
; var displayPageNum=3
; var upPageWord ='Prev'; var downPageWord ='Next'; </script> <script src='http://pitik.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/> </b:if></b:if> </b:if>Lihatvar pageCount=5;
angka 5 menunjukkan jumlah posting yang ditampilkan dalam laman utama. Sesuai yang sama dengan Menu - Setelan - Pos & Komentar
Kemudian jikavar displayPageNum=3;
menunjukkan banyak nomor halaman yang ditampilkan - Simpan, dan lihat hasilnya! :D
Mudah sekali kan? Ya memang begitulah cara membuat navigasi nomor halaman di blog blogger atau blogspot. Semoga bermanfaat, dan kalau ada bingung2, jangan ragu untuk tanya-tanya melalui kolom komentar di bawah :p
Perlu dicoba nih mas, ini yang saya cari-cari hehe... Makasih tutorialnya :)
BalasHapusthanks mas.,. manteb hsilnya
BalasHapusTerima kasih sharingnya, izin mencoba dulu kk
BalasHapusmantap gan
BalasHapushttp://prediksibola888.blogspot.com/2013/08/cara-membuat-nomor-halaman-blog.html
ko ga sesuai mas tampilannya salahnya dimana yah mas, /body.nya ga ketemu yang seperti ini.. info lagi dong mas..
BalasHapussudah lama sy mencari yang beginian...makasih gan...udah sy praktekin di blog saya
BalasHapusTerpasang sempurna gan ... thanks ... Dan senang sekali jika agan visit back
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapusHASILNYA TERBAIKKK!!!!!
BalasHapussiipp mantepp, makasih gan.
makasih ya mas atas tutornya, akan saya coba memasang nomer halaman ini di blog saya :)
BalasHapusmantap gan thanks banget tipsnya !
BalasHapusmantap gan, terima kasih banyak ya atas ilmunya..
BalasHapusMaaf bos, di blog saya ini tidak bisa digunakan, bisa tolong di cek?
BalasHapusmantap cui work 100%
BalasHapuskunjungi blog aqu juga
http://kutuitanyung.blogspot.com/
keren, dah ane praktekan...makasih yua
BalasHapusga bisa mas bre. bantuin
BalasHapusalhamdulillah berhasil. terimakasih atas ilmu yang telah dibagikan :)
BalasHapusThx Gan informasinyaa
BalasHapusmau dicobaiin nich
thanks ya gan... boleh ane coba :D
BalasHapusAmat sangat membantu gan.. ane tunggu artikel-artikel berikutnya
BalasHapusterimakasih infonya gan
BalasHapusterimakasih infonya gan
BalasHapusmantap gan, terima kasih banyak ya atas ilmunya..
BalasHapusMakasih sob untuk informasinya :)
BalasHapuslangsung coba, alhamdulilah well done..! nomor muncul di home/beranda. thx bro .. pengin yg muncul di tiap label spt punya mas yaitu saat buka Tutorial Blog pd bagian paling bawah muncul navigasi nomornya ... keren tuh, bgmn caranya? thx again yaaa
BalasHapusThanks gan atas sharenya
BalasHapushttp://satrialarangan.blogspot.com
Terima Kasih Banyak Mas BROOOOOOO !!!
BalasHapusTerima kasih atas infonya mas, dan sangat membantu sekali buata saya, dan kunjungi juga blog saya http://www.wartasahaja.com/
BalasHapus