Menambahkan Navigasi Halaman (Page Navi) pada MobilePress

Semenjak kejadian ini, rasanya tak ada semangat ngeblog lagi dalam diriku. Dengan sepatah semangat yang masih tersisa, kutulis artikel ini diiringi doa dan harapan, semoga blog ini bisa kembali seperti semula, bahkan lebih baik lagi.

Artikel yang kutulis ini adalah tutorial membuat navigasi halaman (Page Navi) pada template MobilePress. Sebenarnya bukan membuat, tapi hanya menampilkan saja karena kita masih membutuhkan satu plugin, yaitu WP-PageNavi. Jika Anda ingin mencoba, silahkan instal dulu plugin tersebut. Setelah menginstal plugin tersebut, navigasi halaman biasanya akan muncul pada tema versi desktop, tapi di MobilePress belum muncul, oleh karena itu, Anda perlu menambahkan sedikit kode pada template mobilepressnya. Navigasi halaman yang dimaksud adalah nomor 1,2,3 dst. yang ada di bagian bawah halaman index yang gunanya untuk memudahkan pengunjung untuk loncat ke halaman lain tanpa membuka halaman 1 per 1, misalnya dari halaman 1 langsung ke halaman 4.

Untuk menambahkan navigasi halaman di MobilePress, langkah-langkahnya adalah sebagai berikut:

1. Masuk ke File Manager hosting Anda, atau bisa juga melalui FTP manager atau WAP FTP.

2. Buka folder /wp-content/plugins/mobilepress/system/themes/default.

3. Buka/Edit file index.php, cari kode berikut:

<?php if (mopr_check_pagination()): ?>

<div id="indexpostfoot">
<p><?php posts_nav_link(' &#183; ', 'Previous Page', 'Next Page'); ?></p>

</div>

4. Ganti kode diatas dengan kode di bawah ini kemudian simpan.

<?php if (mopr_check_pagination()): ?>

<div id="postfoot">
<p><?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?></p>

</div>

5. Lakukan hal yang sama pada file archive.php dan search.php.

6. Untuk mempercantik tampilan navigasi halaman, tambahkan kode css dibawah ini pada header.php, letakkan sebelum tag </style> .

/*wp-pagenavi

*/ .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {     font-size: 12px;     padding: 2px 4px; margin: 1px;    color: #606060;     background:none;     border: 1px solid #DDD; }
.wp-pagenavi a:hover {     border: 1px solid #ddd;     color: #606060;     background:#DDDCDC;     border: 1px solid #ddd; }
.wp-pagenavi span.pages {     font-size: 12px;     padding:  2px 4px; margin; 1px;     color: #606060;     background: none;     border: 1px solid #DDD; }
.wp-pagenavi span.current {     font-size: 12px;     padding:  2px 4px; margin: 1px;    font-weight: bold;     color: #F5F5F5;     background:#d54e21;     border: 1px solid #DDD; }
.wp-pagenavi span.extend {     font-size: 12px;     padding:  2px 4px; margin; 1px;    background:transparent;     color: #606060;     background: none;     border: 1px solid #DDD; }

Untuk kode warna, border, ukuran pixel, silahkan atur sesuai selera Anda.

Selamat mencoba. :)


Seorang Blogger Kampung yang mengelola blog melalui Ponsel.

Bagikan artikel ini

Artikel Terkait

Belum ada komentar untuk “Menambahkan Navigasi Halaman (Page Navi) pada MobilePress”

  1. udienroy mengatakan:

    Bagus juga ini mas, tapi aku malas masangnya, kapan2 saja kalau ke warnet hehe

  2. musa75 mengatakan:

    Nyimak mas, bukan self hosting.. Tetap semangat ngeblognya..

  3. Zippy mengatakan:

    Mas, mau tanya, kan kalo pake plugins MobilePress, Halaman Blognya (Blog Pages) ada di bagian bawah.
    Nah, supaya ada dibagian atas gimana caranya mas? Kayak punya mas :D
    Kasih tau dong, hehehe,,,
    Thx :)

  4. mobitricks mengatakan:

    Zippy, pindah ada kode pages yang di index.php ke header.php, lalu kustomisasikan tampilannya dengan menambahkan css.

    Kalau punya saya itu saya buat link manual di header.php

  5. kova mengatakan:

    bos yang <div id="indexpostfoot" memang diganti <div id="postfoot" gitu ya?

  6. mobitricks mengatakan:

    Kova, terserah, tidak diganti juga tidak apa2. Saya kasih contoh itu buat nyesuaiin warna saja. Kalo indexpostfoot kan warnanya gelap jadi saya rasa kurang bagus pagenavinya.

  7. Adriana mengatakan:

    thanks for share!

  8. web design bogor mengatakan:

    skrg pake hostingan ap mas? ayo semangat .kan sayang ud sering masuk page one google. ya saya cm bisa bantu nge**** ***** aj y. maklum sya jg msi gretongan. mank kalo host gratisan gt maksimal postingan kita berapa ya biar ga di suspen? posting dong mas hostingan2 gratis dalam 1 artikel plus review. seandainy yg bayar saya gd paypal. pake host dlm negeri aj y. rencana pgn mengandalkan adsense karna ad western union nya. jd lbih mudah wlw harus nunggu 100 dolar wat payout. sempet kpikiran pake host blogspot tp beresiko wlw custom domain bkn jaminan ga di suspend.maklum host blogspot unlimited ga pernah down. jd mohon bimbingan ny. pgn jd blogger mandiri ni gan

    • Hasan Moblogger mengatakan:

      Sekarang saya pakai hosting visiba.com.
      Untuk hosting gratis, alasan suspend biasanya karena jumlah postingan, tp kebanyakan karena blog kita menggunakan banyak resource/CPU. Makanya jika pakai hosting gratis, usahakan tdk terlalu menggunakan banyak plugin. Selain itu, suspend bs karena kehabisan bandwidth dll.

      Review hosting gratis, ya kapan2 kalau sempat saya buatkan. Saya malah tidak punya rekening bank jadi pilih hosting luar yang bs bayar via paypal.

Tulis Komentar

© 2012 mobitricks.info. Hak cipta dilindungi. Admin situs · RSS Entri · RSS Komentar
Didukung oleh WordPress · Tema oleh ThemeJunkie