Cara Membuat Page Navigation di Blog - Page navigation atau navigasi halaman ini bertujuan untuk memudahkan pengunjung untuk melihat-lihat konten-konten yang ada dalam blog kita. Page navigation ini berupa nomor-nomor halaman yang per halamannya kita bisa atur jumlah postingan yang tampil.
Page navigation ini berada di homepage. Dengan page navigation number ini, pengunjung tidak usah satu per satu membuka postingan-postingan lama di blog kita. Karena, pengunjung bisa memilih daftar postingan-postingan lama di blog kita. Misal, pengunjung ingin mengetahui postingan paling lama di blog kita. Otomatis, pengunjung akan langsung mengklik nomor terakhir (paling besar) pada page navigationnya.
Untuk memasangnya cukup mudah.
Pertama, silahkan simpan CSS berikut ini di atas ]]></b:skin> atau </style>
.showpageNum a,.showpage a{background:#999;text-decoration:none;white-space:nowrap;color:#ffffff;margin:10px 3px;padding:5px 10px;transition:all 400ms ease-in-out}
.showpageNum a:hover,.showpage a:hover{color:#ffffff;text-decoration:none;background:#47AADD}
.showpageOf{display:none;margin:0}
.showpagePoint{color:#ffffff;text-decoration:none;background:#47AADD;font:18px "PT Sans Narrow";margin:10px 3px;padding:5px 10px;transition:all 400ms ease-in-out}
Lalu, cari kode seperti kode berikut ini. Sesuaikan juga class atau element CSS postingannya dengan template anda untuk mencarinya.
Setelah ketemu, masukkan kode pemanggil berikut di daerah yang sudah ditentukan di atas.
Untuk postperpage merupakan jumlah postingan yang tampil untuk setiap halamannya. Untuk numshowpage adalah jumlah nomor (angka halaman) yang tampil. Anda bisa mengubahnya sendiri.
<div class='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
.......................................
.......................................
.......................................
</b:widget>
</b:section>
SIMPAN KODE PEMANGGILNYA DI SINI
</div>
Setelah ketemu, masukkan kode pemanggil berikut di daerah yang sudah ditentukan di atas.
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var postperpage=6;
var numshowpage=5;
var upPageWord ='« Previous ';
var downPageWord ='Next »';
var urlactivepage=location.href;
var home_page="/";
</script>
<script src='http://yourjavascript.com/218437119/halamanav.js' type='text/javascript'/>
</b:if>
</b:if>
Untuk postperpage merupakan jumlah postingan yang tampil untuk setiap halamannya. Untuk numshowpage adalah jumlah nomor (angka halaman) yang tampil. Anda bisa mengubahnya sendiri.
Tag :
Blogging
6 Komentar untuk "Cara Membuat Page Navigation di Blog"
page navigation memudahkan pengunjung untuk menjelajahi situs. Thanks sharingnya sob
Iya sob. Page navigation ini juga memudahkan pengunjung untuk mengetahui apa saja yg ada di dalam blog kita..
+++
Merasa kurang hoki bermain judi di situs lain ? atau Ingin mendapatkan income tanpa bekerja ?
KAMI HADIR UNTUK ANDA , MARI BERGABUNG BERSAMA KAMI DI RUBYQQ
PRESENTASI KEMENANGAN 80% ( MENANG ATAU KALAH TETAP DAPAT BONUS )
100 % PLAYER vs PLAYER !!
Hanya dengan 1 USER ID anda bisa main 7 GAMES :
* Bandar Poker | Poker Online | Capsa Susun | DominoQQ | BandarQ | AduQ | SAKONG ONLINE |
* Pendaftaran FREE ==> https://goo.gl/AQYhSc
* Minimal Deposit & Withdraw HANYA Rp.15.000,-
* Bonus Turn Over 0,5% SETIAP HARI DIBAGIKAN
* Bonus Referral 20% Seumur Hidup
* MEGA JACKPOT RATUSAN JUTA RUPIAH
* Customer Service siap melayani anda 24 jam
Untuk informasi lebih lengkap silahkan Hubungi Customer Service kami
BBM : 2B8938F7
FACEBOOK : rubyqq
SKYPE : RUBY QQ
LIVECHAT https://goo.gl/AQYhSc
Selamat malam bossku semua...
Kamu Sering Kalah Main Judi?
Sudah Tidak Jaman Lagi Kalah Main Judi
Kami Hadir Dengan Inovasi Terbaru & Tercangih, Dengan Jackpot Yang Super Pasti & Gampang Untuk Menang Terus Di Setiap Hari .
Transaksi Cepat, Aman & Terpercaya.
Tersedia 7 Games Dalam 1 User ID :
New Game ------>> GAME SAKONG
Poker, Domino, Bandar Ceme, Capsa, Ceme Keliling, dan Live Poker
Minimal Deposit Rp.15.000,-
Minimal Withdraw Rp.15.000,-
Promo Bonus Harian + Mingguan + Bulanan :
- Bonus Deposit
- Bonus Turn Over Harian 0.5%
- Bonus Refferal 10% + 10%
Untuk Informasi Lebih Lanjut Segera Hubungi CS Kami 24 Jam : www,royalqq,poker
Ayo segera bergabung dengan Agen Judi Poker Online Terbaik dan Terpercaya di Indonesia KacangMasPoker | www.kacangmaspoker.net | . Dapatkan Jackpot hingga Jutaan rupiah setiap harinya !!
• Bonus New Member & Next Deposit s/d Rp. 1.000.000,-
• Bonus Jackpot s/d Rp. 200.000,-
• Bonus TurnOver 0,5%
• Bonus Referral 20%
# LINE : pokerkcm
# BBM : pokerkcm
# WHATSAPP : +6287819742741
# Twitter : kcm__poker
# IG : kcm_p0ker
• 7 Games dalam 1 ID
| Texas Poker | Capsa Susun | Ceme | Domino QQ | Bandar Ceme | Super 10 | Omaha |
• BCA - BNI - BRI - CIMB - Danamon - Mandiri.
• Menerima Deposit via Go-Pay, Ovo & Pulsa Telkomsel / XL
Link Alternatif:
• www.kacangmaspoker.xyz
• www.kacangmaspoker.club
• www.kacangmaspoker.live
Silahkan berkomentar yang relevan. Jangan menyertakan link aktif di sini. Jika melanggar, komentar akan terhapus.
Emoticon :