Cara Membelah Halaman Posting WordPress – Paginasi

April 15, 200946 komen

Ada pertanyaan dari rekan Bali Gadgets mengenai bagaimana membuat posting menjadi 2 halaman (atau membelah posting WordPress dan istilah umumnya paginasi), dia bertanya di posting Membuat halaman Pasang Iklan. Cara ini cocok, bagi rekan yang biasa memposting artikel-artikel yang sangat panjang, dengan membagi artikel tersebut menjadi beberapa halaman maka pembaca anda tidak perlu men-scroll kebawah dan juga tidak bosan.

1. Caranya ialah buka single.php, lalu masukan kode berikut ini:

<?php wp_link_pages('before=<p>&after=</p>&next_or_number=number&pagelink=page %'); ?>

Letakan kode diatas tepat dibawah php content:

<?php the_content(); ?>

Jadinya seperti ini:

<?php the_content(); ?>
<?php wp_link_pages('before=<p>&after=</p>&next_or_number=number&pagelink=page %'); ?>

Kemudian save direktori single.php anda.

2. Dan sekarang menambahkan beranjak ke kode css agar tampilan halaman paginasi lebih oke seperti ini:

halamanpaginasipostingblogwp

Buka Stylesheet (Style.css) anda, lalu masukan kode css berikut:

.link-halaman {
font-size:13px;
font-weight:bold;
line-height:18px;
margin:0 0 22px 0;
padding:22px 0 0 0;
word-spacing:0.5em;
}
.link-halaman a {
border:1px solid #ccc;
color:#666;
font-weight:normal;
padding:0.5em 0.75em;
text-decoration:none;
}
.link-halaman a:active,
.link-halaman a:hover {
color: #FF4B33;
}

Lalu, anda kembali ke single.php, dan buka kode php untuk belah halaman yang tadi dan tambahkan <div class=”link-halaman”> dan </div> maka hasilnya seperti ini:

<?php the_content(); ?><div class=”link-halaman”>
<?php wp_link_pages('before=<p>&after=</p>&next_or_number=number&pagelink=page %'); ?></div>

Anda tinggal masukan saja kode diatas di single.php!

3. Dan langkah selanjutnya ialah, masukan ini saat menulis posting (harus di set HTML bukan Visual):

<! – nextpage – >

Letakan kode diatas di bawah bagian (paragrap) yang ingin di bagi 2)

Contohnya:

Membelah halaman posting blog WordPress

Jika rekan ingin membuat 3 halaman atau lebih maka letakan nextpage di bagian-bagian selanjutnya.

Dan untuk pertanyaan kedua, mengenai image sobek, yaitu dengan menggunakan software Sngagit:9 Editor, buatan Techsmit.com.

Buat Bali Gadgets semoga bermanfaat dan see u!

Note: Jika rekan ada pertanyaan seputar blogging, SEO, Make Money Online, silahkan tulis di komentar atau lewat email: [email protected], jika saya bisa menjawabnya dan saya rasa bagus untuk dijadikan bahan posting maka saya akan buat posting sebagai jawabannya dan mencantumkan link rekan di halaman posting tersebut.

Google
Wordpress
  • http://www.kangnoval.com noval

    duh saya belum pakai WP nih bang jadi belum bisa terapkan tips ini, saya mau ngintip lagi post yang buat trafic ah :D

  • http://qisthon.com/ Qisthon – Batam

    Ngomentarin paragraf terakhir, Mas Abi memang orang baik :)

    Saya tidak yakin akan menggunakan tips ini, soalnya untuk buat posting lebih dari 300 kata aja udah ngos-ngosan :)

  • http://www.adeshendra.com adeska

    Posting ini bisa saya gunakan dan sangat bermanfaat, kelak kalau saya sudah (berani) memakai hosting sendiri dan CMS wordpress.
    sementara kalau sedang bisa membuat tulisan yang panjang, saya suka membagi menjadi dua postingan (posting bersambung). kalau dgn cara ini bisa lebih simpel dan fokus waktu membacanya.
    thanks kang Abi.

  • http://www.adeshendra.com adeska

    disambung….[kalau dgn cara ini bisa lebih simpel dan fokus waktu membacanya...]. tentunya dengan cara seperti yang kang Abi bahas ini… :)

  • http://xpresiriau.com/ Xpresi Riau Pos

    Aduh.. belum ngerti nih, bagaimana maksudnya?

  • http://masarif.net masarif

    Mo tanya apa, ya… biar dapat link kayak gitu :D (habis baca note)

  • w@l@Y

    KAfff…KAfff.Kafff

  • http://beritainternetmarketing.blogspot.com/2008/08/belajar-buat-website-gratis-berkat.html Website Gratis

    tutorial bagus nih, karena biasanya pembaca blog kurang suka membaca artikel yang terlalu panjang.

  • http://ruang-ihsan.blogspot.com/ IHSAN

    Ooooooooooo ini toh yang buat saya penasaran dah terjawab

    he he he

    meluncur dulu ke kelinci percobaan

  • w@l@Y

    jal Cavalera OL

  • http://fujiantoview.blogspot.com/ Septian

    Wah..mantap nih Kang Abi…
    Tapi gak masalah nih dengan SEO…?
    Kalo ga salah bisa duplicate content…
    CMIIW..newbie neh :D

  • http://www.ibnuanshari.com Rusa Bawean™

    buat WP ya????
    sayang ya aku pake blogspot
    :)

  • http://www.blog-hantu.blogspot.com lyra

    wah….
    mesti banyak belajar neh dari maz abi…
    kok pinter banget se maz…
    yo wes,sukses ja ya…
    ciao…

  • http://www.wereng-coklat.blogspot.com cah GO blog

    kang abi, ini contoh blog pendukung punyaku.
    terus nyang asli ada di merbabujava.blogspot, makasih atas kunjungan ke blogku ya? trus recehanku tembus $7 kemaren he he he.
    minggu kemaren masih nangkring di kisaran 12juta sekarang liat sendiri di rangking berapa.
    skali lagi makasih yaaaaaaaaaaaaa. muuuuuahhhh

  • http://seenthing.com harry seenthing

    selamat malam kang aby, wah dah lama saya gag main sini, bagaimana kabarnya malam ini, weits mantabbb nih kang informasinya…….selamat liburan yah kang

  • http://gandamanurung.com thegands

    mantap.. mantap… tapi alangkah baiknya di beri numbering juga pak. :D

  • http://bisnisbloggerku.blogspot.com aan

    wah enaknya sih bisa dipraktekin di blogger, tapi sayang belum ada kali yah….:)

  • http://ryandi.com ryan

    numpang nanya di luar topik mas :) , sejak kemarin blog wp saya yang dari hyperweb koq tidak bisa mempublish post, setiap habis menekan tombol publish malah dibawa ke halaman blank (…/wp-admin/post.php, alhasil tidak ada post yang dipublish :( , post yang akan dipublish tersimpan jadi draft namun hanya judulnya saja(kontennya tidak ada), draft itu juga tidak bisa dipublish dan hanya akan menampilkan halaman post.php yang kosong :(

  • http://mig.openkampus.com Street.Walker

    Assalamu’alaiykum,
    Salam kenal juragan
    Sip dah, comot dulu dah, ntar dicoba…..
    mksi juragan

    BlogWalking ^^

  • http://baligadgets.info/ Bali Gadgets

    Wah… terima kasih banyak ya Mas Abi… Ilmu ini sangat berguna untuk kami.

    Nanti kalau kami kesulitan lagi kami akan minta tolong sama mas Abi lagi. Hehehe… Maaf jika merepotkan. :)

  • http://ekspresihati.info achmad sholeh

    wah tutorial yang bagus mas , salam kenal

  • http://www.ateonsoft.com/ albri

    Gak bisa kang, gimana kok gak berhasil padahal sudah sesuai petunjuk. artikel masih tampil semuanya. Maaf prakteknya di blog saya dengan wordpress tentunya

  • http://chandrablog.wordpress.com Chandra

    mas… tanya nih. Mungkn agak OOT ya, gmana ya caranya memperbesar font di blog? soalnya kok jadi kecil-kecil semua ya…
    Makum nih, masih pemula nih di wordpress.
    Thnks.

  • http://rooroh.info Decky H. Rooroh

    Sekadar membaca. (blum ada waktu untuk dipraktekkan)
    Tapi saya tertarik dengan kotak editor commentnya Om.
    Pake plugin ?!?!

  • http://www.ridwanox.blogspot.com/2009/04/datang-dan-ingin-berubah.html tukang arsip

    selalu membuat info yang mnrik…..trims mas abi…….mkn eksis ajah kyknya :)

    <a href=”http://www.ridwanox.blogspot.com/2009/04/datang-dan-ingin-berubah.html”>Datang dan Berubah</a>

  • http://www.bujangrimbo.com buJaNG

    Wuih… muantep bener…. Saya bookmark dulu…. Semoga nanti bermanfaat dan saya butuhkan….

  • Abi Bakar

    Makasih untuk semua yang sudah komen :mrgreen: :D :?

  • http://mahadjatis.co.cc Sigit

    mas aby saya mau tanya nih… kenapa ya blog saya tampilanya jadi berantakan jika ddibuka pakai IE? mohon sarannya… terimakasih…

  • http://smansanarziez.info/kamu-kenal-annasophia-robb/ AnnaSophia Robb

    Sudah saya terapkan dan berhasil mas Abi… Thank you very much indeed… :)

  • http://www.rozy.web.id rozy

    seep nih abi
    dapat ilmu baru lagi :)

  • http://www.afwan.net afwan auliyar

    wew… bolh ni d coba :)

  • http://imorv.wordpress.com/ imorv

    duh klo yg belum hosting sendiri ga bisa ya :? …..lam knal makasi info na….:)

  • http://dragonvics.blogspot.com nicholas_______

    aku mw tanya gmn cara klo post nya melebihi batas post di halaman utama? kan otomatis ke hlmn berikutnya. tp gmn nampilkan pilihan ke halaman berikutnya…..???
    thanks…
    di blogger…

    • Abi

      Ini cara membelah posting setelah di klik judul atau readmore nya

    • http://dragonvics.blogspot.com nicholas_______

      gmn caranya buat nampilkan pilihan ke halaman brikutnya???Bwt post yg melebihi batas pada halman utama

  • http://dragonvics.blogspot.com nicholas_______

    tahu ga?

  • http://mbahcyber.blogspot.com mbahcyber

    nice posting kang

  • http://pasangindovision.wordpress.com/ Indovision

    Wah belum ngerti dah, takut berantakan…

  • http://tips-anak.com/ cupid

    MAs abi sy sdh coba , cuman masalahnya, Paginasi dibawah related post, bukan langsung dibawah postingan…apa karena kodenya di insert dibawah , trus bagusnya diinsert dimana dong..?

    • http://abibakarblog.com Abi Bakar

      Letakan kodenya dibawah ini mas -> <?php the_content(); ?>

  • http://www.dimasprasetyo.net Dimas

    mas, saya sudah ikuti cara seperti mas sarankan. Link sudah muncul “next page” gitu, tapi ketika diklik, halaman berikutnya tidak muncul. yang terloading hanya halaman yang sebelum kode nextpage itu saja. Ada solutidak mas?? thanks

    • http://abibakarblog.com Abi Bakar

      Coba Dimas lihat lagi apakah kodenya sudah diletakan diatas php the_content dan juga kode nextpage sudahkah diletakan di akhir paragpraf yang mau dibelah

  • http://ejournal.jak-stik.ac.id/ andre

    nice share…

  • http://[email protected] Killjedia

    Hi, only just joined the forum and looking forward to finding out more, looks like a useful place!

    Thanks!
    brtghbgf!! xx

  • http://www.cakap.biz andhie

    mas di website ku gak bisa yah

  • http://kaoscouple88.blogspot.com/ kaos couple

    cara memotong posting yg panjang menjadi beberapa halaman di blogspot gimana ya bos?? biar loading lebih cepat ne..