Membuat Read More…

Ditulis oleh :QZoners

Secara default, artikel akan ditampilkan seluruhnya di halaman utama, hal ini tentu akan sangat mengganggu pengunjung yang harus melakukan scrolling. Hal ini terkecuali jika kita hanya menempatkan satu artikel saja di halaman utama. Kebanyakan blogger membuat potongan awal tulisan di halaman utama, kemudian pengunjung hanya perlu mengklik link Read More.. untuk bisa membaca seluruh artikel, seperti yang ada di blog ini.

Menggunakan Excerpt

Cara pertama adalah dengan mengganti tag the_content() dengan the_excerpt() pada template WordPress halaman utama. Biasanya di post.php atau index.php. Maka, setiap kali kita memasukkan artikel, akan muncul 55 kata pertama di halaman utama, atau jika kamu pengen menentukan sendiri kata-katanya, kamu bisa memasukkannya langsung di form excerpt yang ada di menu Write – Post.

Excerpt

Jika menggunakan cara ini, maka format HTML yang kita gunakan di dalam 55 kata pertama akan dihilangkan saat muncul di halaman utama. Kode tersebut baru akan berfungsi saat pengunjung memasuki halaman artikel.

Menggunakan More Tag

Cara berikutnya adalah menggunakan More Tag. Cara ini lebih simple, karena kita ndak bersentuhan langsung dengan kode-kode yang rumit. Caranya cukup dengan menekan tombol More yang ada di Editor WordPress. Perhatikan gambar berikut ini :

More

Dengan cara ini kode HTML dan format yang kita terapkan takkan dihilangkan, sehingga bisa muncul di halaman utama. Tapi jika kita terlupa untuk memasang tanda More, maka seluruh artikel akan ditampilkan. Tapi tentu saja, kita masih dapat mengeditnya lagi nanti.

Untuk merubah kata Read More dengan kata-kata yang lain, kita perlu sedikit menengok script themesnya. Temukan tag <?php the_content(‘Read More’);?>. Gantilah tulisan Read More dengan tulisan lain, misalnya Baca Selengkapnya… sehingga menjadi seperti ini :

<?php the_content(‘Baca Selengkapnya…’);?>

106 Tanggapan ke “Membuat Read More…”


  1. 1 samsonasik Maret 14, 2007 pukul 5:17 pm

    terima kasih atas tutorialnya, saya baru aja nyoba, dan berhasil

  2. 2 wong-cilik Maret 14, 2007 pukul 5:23 pm

    wah..ini udah lama ditungguin……..

  3. 3 Dani Iswara Maret 14, 2007 pukul 5:30 pm

    coba jg di tab ‘Code’ (sebelah tab ‘Visual’ di editor):
    <!––moreSilakan dibaca sepuasnya ya..––>

  4. 4 wong-cilik Maret 14, 2007 pukul 5:46 pm

    siip thank you…

  5. 5 Kang Kombor Maret 15, 2007 pukul 12:49 pm

    Saya lebih suka memakai yang ditunjukkan dr. Dani karena saya bisa bebas mengganti Read More dengan kalimat apa pun.

  6. 6 fazlurrahman Maret 16, 2007 pukul 6:18 pm

    wah… tarerenkyu atas inponya…

  7. 7 cintabening Maret 22, 2007 pukul 9:09 am

    Kalau kita nulisnya bukan di editor wordpress bagaimana caranya ya pak? Saya pakai BlogDesk. Thanks untuk jawabannya.

  8. 8 haishor Maret 22, 2007 pukul 7:06 pm

    @cintabening
    sepertinya blogdesk belum mendukung yang kaya beginian

  9. 9 cintabening Maret 23, 2007 pukul 8:28 am

    Thanks Pak Haisor.
    Sayang banget ya, padahal kalau pake blogdesk uploadnya cepet, gak mesti login ke WP dulu.

  10. 10 Dani Iswara Maret 23, 2007 pukul 9:43 am

    » cintabening:

    jika ngetiknya dlm modus html dgn editor apapun, trus diselipin
    <!––moreLanjut dibaca dong…––> trus kopi-pasta (salin-tempel) ke editor wp.com dlm modus/tab html jg..hrsnya bisa kan ya..?? (mky) :)

  11. 11 cintabening Maret 23, 2007 pukul 4:41 pm

    Harusnya sih begitu bu dr.dani, cuma kan kalo masih kopipes mesti masuk login wp dulu, nah tu die yang repot.
    Kalau pake blogdesk, cuma buka blogdesknya, ketak-ketik, cruuut publish deh.. :)
    Trus saya juga gak ngerti apa blogdesk itu modus html atau enggak, saat jurus bu dr.dani saya coba, gak berhasil :(

  12. 12 helgeduelbek Maret 23, 2007 pukul 8:03 pm

    @ cintabening:
    kok mas dani dipanggil bu sih? beliau itu kalau gak salah masih tetep laki-laki kok. :D
    di setiap blog editor biasanya selalu ada mode html kok. coba silahkan diperiksa lagi, btw saya belum pernah pakai sih yah, tapi perasaaan saja :D

  13. 13 Dani Iswara Maret 24, 2007 pukul 9:00 am

    » cintabening:
    makasi pak guru urip..klarifikasinya.. :D
    yg pake blogdesk di windows (blm ada versi linuxnya kan..?) tolong infonya ya..kami lom coba nih..

    saya coba di perfomancing (ekstensi firefox) modus html/code…bisa.. di postingan hr ini..(trial) :D

  14. 14 cintabening Maret 27, 2007 pukul 9:01 am

    Haduh..haduh.. Muhun maap atas kekhilafan saya ya ‘PAK’ Dokter, tolong jangan disuntik. Hiks :(

    Tentang blogdesk saya memang instal di window, versi linux saya bahkan tidak tau, pak.

    Terimakasih atas penjelasannya.

  15. 15 sadam Maret 28, 2007 pukul 2:24 pm

    kalo gini..mungkin bisa buat efektif blog kita yang masih acak, tolong kasih panduan yang nambah kreatif terus…pemula nih

  16. 16 Kang Kombor Maret 28, 2007 pukul 2:34 pm

    Yang kemarin bikin tulisan BlogDesk adalah Kang Mico. Ayo Kang Mico, di Blogdesk kita bisa pindah vie mode dari normal ke HTML atau kagak? Kalau WLW tampilannya bisa 4 (normal, html, web, sama satu lagi poho deh).

  17. 17 Kang Kombor Maret 28, 2007 pukul 2:44 pm

    @cintabening:
    Ini dari tulisan Mas Mico tentang BlogDesk:

    “Untuk mengaktifkan mode html editor anda harus mengklik pada menu utama BlogDesk, View –> Source, kemudian pindahkan kode tag editor dibaris yang anda inginkan. Memang agak sedikit repot, tetapi ada kelebihan lain yang dapat anda nikmati.”

    Jadi, mau nulis juga bisa

  18. 18 sadam April 2, 2007 pukul 8:49 pm

    SAYANG..panduannya terlalu simpel, so..untuk pemula belum dapat berkreasi sepuasnya..artinya, masih susah payah nyari panduan lain.Tu, panduannya tidak bisa untuk buka selengkapnya..plis dibimbing n beri masukan ya…
    salam

  19. 19 Jerry April 7, 2007 pukul 8:19 pm

    Wah Thanks banget pren ampir setahun saya nggak pernah make read more di WP saya, untung aja baca blog kamu thanks banget ya..

  20. 20 wong gresik April 20, 2007 pukul 1:33 am

    “tengkyu somat”, paklek…

  21. 21 gadiez April 20, 2007 pukul 8:27 am

    thanks pak urip, uda saya praktek di wp en sukses

  22. 22 Gie April 26, 2007 pukul 2:52 am

    saya baca

  23. 23 adifia Mei 1, 2007 pukul 3:08 pm

    mohon maaf kalo pertanyaan saya katro…
    saya sudah mengedit tulisan saya dan menyelipkan
    pada tengah tulisan saya dan hasilnya tidak ada perubahan …:(, ada yang salah…??
    dan tampilan saya koq beda dengan screenshot-nya ? tidak ada tag VISUAL dan CODE nya.. mohon bantuan para master..

  24. 24 adifia Mei 2, 2007 pukul 11:09 am

    abaikan pertanyaan saya di atas …
    Problem Solved !!

  25. 25 isez Mei 16, 2007 pukul 11:56 am

    hmm…
    ga nemu tulisan
    trus kenapa kalo misalnya udah bisa keluar tulisannya.. eeh..postingan sebelumnya tulisannya jadi nge-bold semua??
    binguuuuung….

    nuhun..

  26. 26 isez Mei 16, 2007 pukul 12:03 pm

    haa…pasti bingung ama pertanyaanya,,,
    maaphkan saya…
    ginih, saya udah mencet gambar yang buat misahin tulisan tea..
    trus khan katanya di kodenya udah tulisan ‘read more’-nya.. tapi saya ga nemu tulisan ‘read more’ di kode-nya..
    lagian ternyata pas saya buka lagi blogs saya keluarnya tulisan ‘baca entri selengkapnya’
    trus udah gitu..
    misalnya saya udah posting 3 kali.. postingan pertama paling bawah khan?? nah, misalnya si postingan kedua saya selipin si ‘read more’itu, nah postingan pertama saya tiba2 tulisannya jadi nge-bold semua.. kalo ‘read more’ saya selipin di postingan terakhir… nah, yang nge-bold itu postingan pertama dan kedua..

    begitu…
    tolong dibantu yaaaa….
    makasih…

  27. 27 Karsono Emad Juni 14, 2007 pukul 2:42 pm

    Gimana caranya menampilakan photo profile di halaman depan terus gimana
    cara upload sofware atau data supaya bisa didownload oleh orang lain.
    Sakitu terima kasih……….ini emailku karsonoe@gmail.com

  28. 28 caplang Juli 3, 2007 pukul 12:08 pm

    Untuk merubah kata Read More dengan kata-kata yang lain, kita perlu sedikit menengok script themesnya. Temukan tag

    sori masih belom paham
    gimana cara ngedit script-nya?

  29. 29 Luthfi Juli 3, 2007 pukul 7:04 pm

    klik code di atas kotak posting
    cari simbol ini
    lalu tambahkan kata2 OR kalimat setelah huruf e pada kata more
    demikian

  30. 30 Luthfi Juli 3, 2007 pukul 7:06 pm

    kodenya ini
    [!--more--]
    ganti kurung siku dengan tanda baca yg biasa digunakan utk html

  31. 31 Edy C Juli 6, 2007 pukul 3:53 pm

    makasih, mas… skarang udah bisa
    malah bisa pake kata2 sendiri buat variasi
    tinggal tambahin Lanjuut…->

  32. 32 Edy C Juli 6, 2007 pukul 3:55 pm

    waduh maap…
    mestinya [!-morekata2 sendiri-]

  33. 33 Dani Iswara Juli 7, 2007 pukul 12:46 am

    < = & lt ; (tanpa spasi)
    - = & ndash ; (tanpa spasi)
    > = & gt ; (tanpa spasi)

    utk membuat: <!––moreLANJUT DIBACA YA––> (kata-2 berhuruf kapital bs diganti suka2..) di kolom komentar,

    maka penulisannya:
    & lt ; ! & ndash ; & ndash ; more…..& ndash ; & ndash ; & gt ; (tanpa spasi) :)

    semoga membantu… :)

    http://panduan.wordpress.com/2007/03/12/tag-html-di-wordpresscom/

  34. 34 funkshit Juli 28, 2007 pukul 3:51 pm

    lebih enak emang bikin blog sendiri.. ngga manut wordpress

  35. 35 oiprayogi Agustus 5, 2007 pukul 6:26 am

    siip wis iso versi aslinya read moore. thanks

  36. 36 budak bengkalis Agustus 16, 2007 pukul 12:38 pm

    thank buwat tips nya.. :)

  37. 37 Altaïr Agustus 17, 2007 pukul 2:11 am

    Terima kasih untuk tipsnya, anda aman…! Karena blog village anda akan selalu dalam pengawasan saya:lol:

  38. 38 mahmudinceria September 4, 2007 pukul 9:00 pm

    terima kasih

  39. 39 sitinurbaya September 5, 2007 pukul 11:12 am

    Makasih Mas Dani, petunjuknya oke..

  40. 40 inuxlate86 September 28, 2007 pukul 7:05 am

    ahh aye binun masssss…..

  41. 41 nawicld20 September 28, 2007 pukul 10:08 am

    makasih atas info yg berguna ini

  42. 42 bambangoke September 29, 2007 pukul 11:15 am

    Terima kasih infonya mas.
    Tapi kalo kita mau masang Ditulis oleh itu gimana scripnya ya.
    Thank

  43. 43 sinta Oktober 9, 2007 pukul 4:16 pm

    koq aku gk bisa ganti kata-katanya ya??

  44. 44 kal190ndan9 Oktober 24, 2007 pukul 9:00 am

    Matur nuwun,

  45. 45 estie Oktober 29, 2007 pukul 9:34 am

    tapi kalo semua postingan kita kasih “read more” tag, widget kita akan hilang dalam tampilan. gimana ya ?? apa saya yang salah …?? jadi bingung nih! oya, tag the_content() itu dimana sih? mohon penjelasan.
    thanks…

  46. 46 bambang Oktober 31, 2007 pukul 12:46 pm

    nich dia yang gw nanya2 dari dulu, thank’s ya..

  47. 47 hyorinmaru Nopember 7, 2007 pukul 4:46 pm

    Loh…
    Saya ga faham. Mengedit file PHP segala? Loh…?
    Kalo saya hosting sendiri, software-nya pake WP, iya.. tapi klo blog biasa? Gmn carane? Mksud saya “blog biasa” tu ya yang kaya’ punya saya sekarang…

  48. 48 hyorinmaru Nopember 7, 2007 pukul 4:48 pm

    Oya, baca info trackback di bawah komentar terakhir, ada nyebut-nyebut “BlogDesk”, sejauh yang saya baca di situs ini juga, itu software khan buat Windows. Saya Linuxer…
    Saya baru mau baca link di info track back bawahnya, yang blognya mas Arya itu… Hm…

  49. 49 ika Desember 5, 2007 pukul 12:53 pm

    terima kasih buat yang bikin artikel ini. sangat membantu sayah..maklum newbie di wp

  50. 50 fatahfajtan Januari 4, 2008 pukul 5:38 pm

    Juoooozzzz tenan soko mbiyaen tak othak athik saiki lagi weruh….

  51. 51 fatahfajtan Januari 4, 2008 pukul 5:52 pm

    Oiya Mao Tanya Nih…
    Kalo Tampilan Recent Postnya bisa nampilin Semua tulisan caranya Gimana Ya bozzz…tulung ya…

  52. 52 cluk Januari 11, 2008 pukul 5:04 pm

    makasih berhasilll.. tipsnya bermanfaat.

  53. 53 irfanhanis Januari 17, 2008 pukul 8:16 pm

    kalo mau sisipin gambar gimana caranya?

  54. 54 scarion Januari 17, 2008 pukul 9:00 pm

    mantabh!! senjata pamungkas sebuah blog akhirnya diajarkan!
    (beuu segitunya)

  55. 55 qnoi Februari 2, 2008 pukul 11:21 am

    eh, ada yang tau gak gimana cara bikin read more itu di qumana? hehehe.. tenkyu tararengkyu

  56. 56 goes Februari 13, 2008 pukul 4:56 pm

    saran Edy msa Dani Iswara boleh juga tuh :P

  57. 57 kariim Februari 16, 2008 pukul 5:30 pm

    trims mas infonya, tapi saya masih ga ngerti cara yang pertama, bisa ga lebih dirinci kirim ke kariimbangka@gmail.com. trims ya n_n mas, kalau ada kesempatan kunjungi blog saya di teduhnyaimu.wordpress.com

  58. 58 gudangw Februari 28, 2008 pukul 5:51 pm

    Salam,


    “Untuk merubah kata Read More dengan kata-kata yang lain, kita perlu sedikit menengok script themesnya. Temukan tag . Gantilah tulisan Read More dengan tulisan lain, misalnya Baca Selengkapnya… sehingga menjadi seperti ini :


    Situs ini mungkin cocok untuk saya selaku pemula di WP. Saya mau tanya, bagaimana menengok script themes di WP kita?mohon penjelasannya step-by step.
    mksh sebelumnya.

  59. 59 HLasmana Februari 29, 2008 pukul 9:29 am

    Trims berat nech bro… infonya membantu sekali buat newbie seperti saya.

  60. 60 sigitpn Maret 4, 2008 pukul 8:11 am

    script themesnya dimana kok ngak ada aku belu ketemu tuh

  61. 61 taufik79 Maret 14, 2008 pukul 5:29 pm

    salam kenal, terima kasih atas tips nya

  62. 62 yurika Maret 18, 2008 pukul 3:54 pm

    makasih yagh tipsna! brguna bgt=)

  63. 63 imambachtiar April 10, 2008 pukul 9:33 pm

    thanks tips-nya

  64. 64 Fansi April 19, 2008 pukul 9:15 pm

    aku ga bisa… :(

    kan kalo pake wp gratisan, ga bisa ngedit” script. trus aku udah masukin kode More itu, ga da perubahan… kok gt ya? hiks.

  65. 65 buspadbento April 25, 2008 pukul 12:55 am

    mas kalau aku masukin nya widget yang ada di bagian kanan kok turun ke bawah…apa ada yang salah yach….

  66. 66 sersanoi Mei 10, 2008 pukul 2:57 am

    Terima kasih ya infonya, sangat bermanfaat :)

  67. 67 SlempitanJempolKakiâ„¢ Mei 18, 2008 pukul 7:18 am

    Kalo tanpa diutak atik scriptnya, tag more menjadi “Baca selengkapnya …” secara otomatis (mungkin defaultnya). Nah, gimana kita ngerubah defaultnya? Males banget kalo harus ngetik ulang kata2 more kita sendiri. Pasti ada di suatu tempat. Mohon bantuannya…

  68. 68 taawun Mei 20, 2008 pukul 8:18 am

    terima kasih banyak atas infonya…

  69. 69 agung! Juni 1, 2008 pukul 2:12 am

    wah, saia ketinggalan nih…makasih,,,,

  70. 70 suakcot Juli 3, 2008 pukul 10:38 am

    lebih detil ge dunk pusing nieee

  1. 1 Mengubah Read More Menggunakan BlogDesk « haishorNggambleh Lacak balik pada Maret 27, 2007 pukul 3:28 pm
  2. 2 Membuat Read more « Arya x2’s Weblog Lacak balik pada Agustus 9, 2007 pukul 7:54 pm
  3. 3 advance cash fax no cash advance no fax required Lacak balik pada Nopember 15, 2007 pukul 2:43 pm
  4. 4 casino en line Lacak balik pada Nopember 15, 2007 pukul 8:20 pm
  5. 5 casino de paris Lacak balik pada Nopember 15, 2007 pukul 10:24 pm
  6. 6 regole crap regola crap strategie crap Lacak balik pada Desember 9, 2007 pukul 3:00 pm
  7. 7 java blackjack online blackjack game play blackjack online Lacak balik pada Desember 9, 2007 pukul 3:55 pm
  8. 8 cellular christmas phone wallpaper Lacak balik pada Januari 2, 2008 pukul 12:09 am
  9. 9 bank card city credit national secured national city bank credit card Lacak balik pada Januari 8, 2008 pukul 1:05 am
  10. 10 ringtones for cellular one phone Lacak balik pada Januari 8, 2008 pukul 9:29 pm
  11. 11 www supermarché casinos Lacak balik pada Januari 9, 2008 pukul 3:33 am
  12. 12 free ctu ringtones ctu free ringtones Lacak balik pada Januari 15, 2008 pukul 8:19 pm
  13. 13 card credit offer visa Lacak balik pada Januari 26, 2008 pukul 12:13 am
  14. 14 klingeltöne kostenlos Lacak balik pada Januari 31, 2008 pukul 9:47 pm
  15. 15 cash advance loan online advance cash fast loan online payday advance cash fast loan online Lacak balik pada Februari 4, 2008 pukul 5:15 am
  16. 16 top mp3 ringtones Lacak balik pada Februari 5, 2008 pukul 12:45 am
  17. 17 pcs ringtones sprint vision sprint pcs vision ringtones Lacak balik pada Februari 5, 2008 pukul 12:54 am
  18. 18 cheap mobile ringtones virgin Lacak balik pada Februari 5, 2008 pukul 3:53 pm
  19. 19 cell free nextel phone ringtones Lacak balik pada Maret 7, 2008 pukul 9:17 pm
  20. 20 best loan payday best payday loan site payday loan best rate Lacak balik pada Maret 7, 2008 pukul 11:02 pm
  21. 21 cingular free ringtones usa Lacak balik pada Maret 7, 2008 pukul 11:04 pm
  22. 22 pre settlement cash advance advance cash settlement advance cash chicago settlement Lacak balik pada Maret 8, 2008 pukul 11:23 pm
  23. 23 super poker Lacak balik pada Maret 9, 2008 pukul 2:13 am
  24. 24 casino online certificati Lacak balik pada Maret 11, 2008 pukul 7:31 pm
  25. 25 download casino games Lacak balik pada Maret 11, 2008 pukul 7:52 pm
  26. 26 blackberry free mp3 ringtones Lacak balik pada Maret 11, 2008 pukul 8:34 pm
  27. 27 procedure for credit card debt elimination Lacak balik pada Mei 2, 2008 pukul 8:57 am
  28. 28 cellular free phone ringtones samsung free ringtones for samsung phone Lacak balik pada Mei 2, 2008 pukul 10:45 pm
  29. 29 live poker turniere poker live spielen Lacak balik pada Mei 3, 2008 pukul 7:47 pm
  30. 30 credit card debt solution virginia credit card debt solution Lacak balik pada Mei 4, 2008 pukul 1:38 pm
  31. 31 balance best card credit transfer Lacak balik pada Mei 4, 2008 pukul 5:26 pm
  32. 32 casino achat en ligne Lacak balik pada Mei 5, 2008 pukul 8:21 pm
  33. 33 www giochi casino Lacak balik pada Mei 6, 2008 pukul 2:26 am
  34. 34 la ruleta de la suerte Lacak balik pada Juni 9, 2008 pukul 8:01 pm
  35. 35 Lagi Iseng (lagi) « bukan blog beneran!! Lacak balik pada Juni 10, 2008 pukul 3:26 pm
  36. 36 juegos poli poker Lacak balik pada Juli 4, 2008 pukul 1:27 am

Tinggalkan Balasan




Peringatan & Etika

Kategori

Blog Stats

  • 173,506 hits