Mengulas Misteri dan Blogging

Cara Membuat Page Navigation di Blog

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.

Anda bisa lihat gambarnya di bawah ini.

Page Navigation Number

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 &quot;PT Sans Narrow&quot;;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.

<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 != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
    var postperpage=6;
    var numshowpage=5;
    var upPageWord =&#39;&#171; Previous &#39;;
    var downPageWord =&#39;Next &#187;&#39;;
    var urlactivepage=location.href;
    var home_page=&quot;/&quot;;
  </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

Artikel Terkait:

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

Komentar ini telah dihapus oleh pengarang. - Hapus

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 : :) :( =( ^_^ :D =D |o| @@, ;) :-bd :-d :P :kak: