Oleh fatihsyuhud.com 

PERHATIAN: Apabila Anda membaca tulisan ini sekarang (tahun 2008) dan ingin buat READ MORE di blogger / blogspot Anda, maka kemungkinan besar Anda memakai template blogger baru. READ MORE untuk blogger baru bisa anda lihat di sini.

Cara membuat / bikin READ MORE / BACA SELANJUTNYA / BACA SELENGKAPNYA atau ringkasan / abstraksi posting di blogspot / blogger lama atau template classic. Untuk blogger template baru lihat di sini.

Bagi Anda yg sudah membuat blog dan sudah memposting sejumlah entry, mungkin terpikir oleh Anda bahwa postingan Anda terlalu panjang sehingga tak menarik dilihat pengunjung. Apabila ada niat untuk menyingkat posting yg ada di halaman muka supaya lebih menarik dan lebih “catchy” dan judul-judul lain pun jadi lebih visible di mata pengunjung sehingga mereka lebih “betah” lagi nongkrong di blog Anda. Sistem ini
disebut post-summary. Maka, ikuti petunjuk step by step berikut:

(1) Setelah log-in di blogger.com, klik judul blog Anda. Setelah itu, klik SETTING, terus klik ARCHIVING. Di situ ada menu ENABLE POST PAGES? –> klik YES. Jangan lupa klik SAVE CHANGES dan REPUBLISH YOUR BLOG.
(2) Klik lagi SETTINGS, terus klik FORMATTING. Di paling bawah ada kotak kosong di samping menu POST TEMPLATE. Isi kotak kosong tsb dg kode berikut:
<span class="fullpost">
</span>
Jangan lupa klik SAVE SETTINGS dan REPUBLISH.
(3) Klik menu TEMPLATE. Di bagian paling atas terdapat kode-kode HTML yg diawali dg <style> </style>

Taruh kode berikut persis di atasnya kode </style>

<MainOrArchivePage>   span.fullpost {display:none;} </MainOrArchivePage><ItemPage>   span.fullpost {display:inline;} </ItemPage>(4) Setelah itu, pasang kode berikut:

<MainOrArchivePage><br />   <a href="<$BlogItemPermalinkURL$>" mce_href="<$BlogItemPermalinkURL$>">Read more!</a> </MainOrArchivePage> 

Letakkan kode di atas ini persis setelah kode berikut:

Untuk mengurangi kebingungan Anda, kode:

<$BlogItemBody>

letaknya berada di bawah kode ini:

</blogitemtitle>
<div class="post-body">
<div>

(5) Klik SAVE SETTINGS dan apabila sudah ok, klik REPUBLISH. (Jangan klik REPUBLISH, sebelum SAVE SETTINGS-nya selesai secara sempurna).

(6) Selesai.

CARA MEMPOSTING

Ketika memposting, klik EDIT HTML. Maka, secara otomatis akan tampak kode
<span class="fullpost"></span>
Letakkan posting yg akan ditampilkan di halaman muka di atas kode sementara sisanya (yakni keseluruhan entry), letakkan di antara kode
<span class="fullpost"> dan </span>.

Selamat mencoba dan selamat menikmati tampilan menarik blog Anda.

Sumber: www.fatihsyuhud.com

Tutorial Blogger.com / Blogspot


  1. Karya

    Mas, saya pernah coba untuk tulisan pendek berhasil tetapi untuk tulisan/artikel yang panjang tidak ngefek

  2. Anonymous

    buat karya:

    bisa kok. sama saja tulisan panjang atau pendek. berarti ada yg salah mungkin dg kodenya…

  3. Yang butuh panduan untuk di Blogdrive, bisa lihat disini:
    http://goldenpen007x.blogdrive.com/archive/269.html :)

  4. setelah coba code nya kok malah tulisannya ga ada yang keluar.. cuma read only to ‘ hiks.. padahal udah ngikutin langkah2nya .. kira-kura digimanain yah ??

  5. wah dah bisa neh alhamdulillah… walaupun masih acak-acakan.. thank’s ya mas..

  6. duy

    Hai, makasih banyak ya. Saya udah nyoba nih. Tapi kok keluar link untuk ‘read more!’nya di setiap tulisan ya? Bisa nggak sih link ini dicustomize untuk tulisan2 tertentu aja?

    Minta petunjuknya ya. Thanks banget

  7. Anonymous

    pipi: baca lagi pelan2. terutama cara memposting.

    duy: tidak bisa. Read more! akan selalu keluar.

    Tutorial Blogger

  8. udah coba dan alhamdulillah berhasil…
    pertanyaannya cuma satu,
    kenapa tulisan ‘readmorenya’ ada di atas artikel ya? gimana caranya supaya pindah ke bawah. makasih banyak sebelumnya…

    ps:blog ini keren banget!

  9. RALAT posting sebelumnya:
    dicuba-cuba lagi dah bisa “read more” nya pindah ke bawah…
    hehehe maap saya memang gaptek…
    blog ini bikin saya tambah semangat nge-blog…makasih banyak ya!

  10. kalo di wordpress bagaimana mas setting nya?

  11. Hallo Boss, mau tanya nih.
    Bagaimana cara untuk menghapus widget dari blog (sidebar) ?

    Terimakasih.
    Objek wisata di Sumatera Utara klik aja : http://tamaneden100.wordpress.com
    Tempat wisata alam.

  12. mas, kode-kode HTML itu dimana letaknya. satu lagi, REPUBLISH itu juga dimana ya?

  13. em, kalau kurang jelas. cobain cara yang beda, aku punya cara tersendiri di blogku di blogywalkie.blogspot.com

  14. @10 aslietaziex:
    Read more di wordpress lain caranya. lihat di posting berikut:
    http://afatih.wordpress.com/2007/10/22/cara-buat-read-more-di-wordpress/

  15. SAYA SERING MENJUUMPAI, KATA2
    DALAM POSTING
    ………………………..
    dan lain sebaginya

    yang menjadi pertanyaan saya
    bagaiman cara membuat link yang se demikian itu,
    dalam kasus yang saya tanyakan ini beda dengan, [read more]
    karna kalo [read more] pasti muncul otomatis diakhir posting

    terimaksih

    salam
    team kompak kkn upn 07 yogya

  16. wah boleh juga nih. ntar dicoba deh, maklum pemula.
    Buat yang mau info nyari jodoh dari seluruh negara datang aja ke blog ku, dijamin gratis tis tis… tapi eit moslem only hehehe :
    http://www.nikah-marriagemuslim.blogspot.com

  17. Blognya keren, nambah ilmu banyak…

    thanks…

  18. bluegreen

    salam kenal,
    Mas, saya mau tanya
    saya sudah coba buat read more dengan cara di atas, dan bisa, cuma tulisan readmore keluar di bawah kalimat terakhir, misalkan saya ingin tuilisan readmorenya di belakang kalimat terakhir gimana caranya

    thanks
    bluegreen

  19. Makasih ya Pak … nanti dicoba deh

  20. mas…. mau minta tolong nich….
    mas gimana sich cara buat readmore nya, kode yang mas buat di blog ini uda saya coba semua tapi gak berhasil malah ada tulisan merah nya kalo g salah sich suruh ngecek xlm nya gitu, sebenernya gimana nich, atau masalah blog baru atau blog klasik? trus….nambah lagi boleh y mas…..nah sekarang perbedaan antar blog lama dan baru tuh kita taunya di mana ya???

    thank’s sebelumnya

  21. oh ya mas biar g susah nyarinya balas ke e-mail aja mas ya
    Nano_viet@yahoo.co.id

  22. assalamu’alaikum wr.wb
    pa saya kan mau nambahin posting ngikutin petunjuk bapa yang di atas,tapi di templat saya ko g’ ada menu ENABLE POST PAGES nya yang ada langsung ke menu edit html,di situ saya bingung gi mana caranya menampilkan kembali menu enable post pages nya?

    #ini tutorial untuk template / blogger lama. punya anda tampaknya template /blogger baru. untuk blogger baru lihat di link ini-> http://afatih.wordpress.com/2007/10/26/cara-buat-read-more-di-blogger-baru/

  23. maaf mas kok saya udah praktekkan itu tapi tetep g bisa knp ya mas???

    tolong bantuannya donk, makasih……….

  24. read More Ngak Ngefek Om
    klo Tulisan pnjng ngak perfect

    Kali ada cara Lg:d

  25. wyd

    Dibandingkan dari penjelasan di sini, kode ’style’ awal berbeda dan style akhir ga ada di template saya. Tapi saya coba aja. Read more-nya muncul di akhir tulisan. Apa ada syarat harus dengan panjang tulisan tertentu untuk pakai read more? Trims, ya….

    #ini buat blogger lama. yg blogger baru ada di satunya lagi. yg teliti klo baca

  26. wyd

    Ga kok, saya pake yang lama. cuma ada satu kode html yang beda dari penjelasan di sini. tapi skrg saya udah ngerti. tutorial Fatih Suhud lainnya saya coba2 dan berhasil. srkg juga masih terus nyoba tutorialnya Fatih. Makasih atas tutorialnya yang mudah dimengerti

  27. Hello…This is my new blog >> http://pctrack.blogspot.com
    I will be glad if you visit my blog, you can find a lot of computer tips & trick and other interested information. Thanks for your attention…i will be waiting you… :-)

  28. Maaf mas… penjelasan anda sangat bagus dan langsung bisa d aplikasikan. tapi beberapa petunjuk anda, menyuruh saya untuk klik menu templet.. saya pake blogspot sedangkan yg ada cuma new template. tolong dong mas jelasin posisi si templatenya…. satu lagi mas, bedanya blogger dengan blogspot apa? maklum mas ya…

  29. Saya Aries Satriyo, baru saja merunut tutorialnya Fatih Syuhud, sebelah mana sih REPUBLISH YOUR BLOG. Saya masih awam.nih ! Tolong tunjukkin. Ma kasih !

  30. Saya sudah tahu cara buat “read more” di wordpress dan berjaya. Terima kasih yah.

    Cuma saya gagal buat di blogspot sehingga terlupa backup file sepertimana aturan yang diarah oleh saudara. Malah saya juga telah tertekan revert ke classic template selepas gagal membuat read more dan ia telah effect keseluruhan blog.

    Problemnya, saya enggak bisa open layout dan mahu edit di page element selain effect kesemua akaun blogspot saya yang lain yang akan masih memaparkan XHTML classic. Jelas memeningkan saya.

    Hakikatnya, saya ingin menggunakan yang asal iaitu blogger BETA.

    please help me afatih…

    Bagaimana bisa tukar semula ke beta templete

  31. anwaruttaufiq

    maaf, numpang tanya. klo misalnya pengen memperindah tampilan blog di wordpress dengan ide tiap2 menunya di kasih kotak, trus diwarna macem2, sama biar bisa gerak2 kira2 bisa g ya? klo bisa caranya gimana?
    trims ats jawabannya.

  32. fai

    kok bingung ya mau mulai darimana..

    Coba lagi deh.. Btw makasih ya..

  33. hi..infonya membantu….
    thx yah..

  34. Apik tenan tutorialnya…
    ditunggu tutorial selanjutnya ya masssss

  35. jmw

    Tapi kadang2 untuk artikel yg panjang suka gak bisa, apalagi kalo artikelnya ada nomer urutan, hasilnya justru nomer urutannnya aja yg muncul tapi isinya hilang atau ada di bawah nomer urutan.
    Ada yg bisa bantu?

  36. infonya menarik bgt, terutama buat pemula spt aq..
    trims ya om

  37. om…om…aku bingung neh, templatenya dimana yah, tolong dong….
    maklum masih pemula…

  38. Tanks ya artikelnya membantu sekali.Dan bagus buat pemula seperti saya.

  39. Hengky

    Tolong dong tutorial untuk “Read More” aku udah cari sampai puluhan kali utk di HTML utk tulisan yg diawali dgn tidak ketemu ketemu nich, please tolong bantuan aku dong “URGENT”, thanks atas tanggapannya. Salam-Hengky

  40. mas, kq read more saya gx keluar2,y?

    pa salah kodingannya,,,,,
    saya udh ngikutin petunjuk mas dengan baik2!

  41. gak ada mas tanda tulisan tenpat saya.

  42. makasih mas infonya sangat bermanfaat

  43. mantap mas…baru tau ni blooger dah ada versi baru…keren keren..makasih infonya yah……

  44. hackneyed aschaism

    hallo mas saya sering kunjungi blog mas, tapi sering error page kata komputernya, padahal ada salah satu artikel yang mau saya baca malah gak bisa dibaca, tolong ya mas

  45. Jujur, Saya Baru nangkep pembuatan read more disini…….Thanx^_^

  46. dikasih contohnya dong

  1. 1 Cara Buat Read More di Wordpress « My Weblog

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  2. 2 Aplikasi VOIP yang mudah - webmin « Expresi Diri

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  3. 3 Odlan’s Weblog

    [...] Cara Buat ‘Read More’ di Blogger Lama (Template Classic) [...]

  4. 4 Cara Buat Read More di Blogger Baru « حَنِ فُدِ ينِ كب مين

    [...] cara buat READ MORE di blogger beta / baru (untuk tutorial buat read more di blogspot / blogger template lama atau classic lihat di sini) dan sudah saya beritahu alamatnya. Tapi tampaknya sebagian agak kesulitan dg tutorial bahasa [...]

  5. 5 Cara Buat Read More di Wordpress « Friendship’s Weblog

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  6. 6 Post-Summary - Abstraksi Posting di Blogspot : saleh widodo

    [...] sumber: fatihsyuhud.com [...]

  7. 7 Cara Buat Read More di WordPress « ilmu buat kamu

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  8. 8 kamasanpost » Blog Archive » Cara Buat Read More di Wordpress

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  9. 9 Tutorial Blog « “welcome to my world”

    [...] Cara Buat ‘Read More’ di Blogger Lama (Template Classic) [...]

  10. 10 Cara Pasang Foto di Posting WordPress 2.5 « Zhambronk & Teknologi

    [...] Cara Buat ‘Read More’ di Blogger Lama (Template Classic) [...]

  11. 11 Cara Buat Read More di WordPress : Kolom Blogger

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  12. 12 Home « Medicore92’s

    [...] Cara Buat ‘Read More’ di Blogger Lama (Template Classic) [...]

  13. 13 Buat Read More di Wordpress « Cowokcleaver’s Weblog

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  14. 14 Koerinxz’s Weblog

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  15. 15 Cara B-Qin More”SATERASNA” « Koerinxz’s Weblog

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  16. 16 Cara Buat Read More di WordPress : bronnis.com

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  17. 17 Cara Buat Read More di WordPress « Dwiwida’s Weblog

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  18. 18 BELAJAR YUK !!! « now and here after …

    [...] Cara Buat ‘Read More’ di Blogger Lama (Template Classic) [...]

  19. 19 CARA MUDAH MEMBUAT BLOG « Dewitas’s Weblog

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  20. 20 cara buat READ MORE « Dream Come True

    [...] atau Baca Selanjutnya di blogger beta / baru (untuk tutorial buat read more di blogspot / blogger template lama atau classic lihat di sini) dan sudah saya beritahu alamatnya. Tapi tampaknya sebagian agak kesulitan dg tutorial bahasa [...]

  21. 21 Tutorial WordPress.com « Mtopan’s Blog

    [...] Cara Buat ‘Read More’ di Blogger Lama (Template Classic) [...]

  22. 22 Cara Buat Readmore di Wordpress « Information n’ Fun

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  23. 23 perkenalan « K4m4li’s Blog

    [...] Cara Buat ‘Read More’ di Blogger Lama (Template Classic) [...]

  24. 24 Tutorial Blog « gooooooo…!

    [...] Cara Buat ‘Read More’ di Blogger Lama (Template Classic) [...]

  25. 25 CARA MUDAH MEMBUAT BLOG ANDA « Nwaye’s Blog

    [...] Cara Buat ‘Read More’ di Blogger Lama (Template Classic) [...]

  26. 26 Cara Buat Readmore di Wordpress « .:: Inspiring Technology ::.

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  27. 27 Trik-Tips blog « Hayyiabdul’s Blog

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  28. 28 Tutorial Blog « Virtual First

    [...] Cara Buat ‘Read More’ di Blogger Lama (Template Classic) [...]

  29. 29 Cara membuat read more pada wordpress « Sondonx’z Blog

    [...] sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca [...]

  30. 30 Cara buat read more pada template baru « Sondonx’z Blog

    [...] atau Baca Selanjutnya di blogger beta / baru (untuk tutorial buat read more di blogspot / blogger template lama atau classic lihat di sini) dan sudah saya beritahu alamatnya. Tapi tampaknya sebagian agak kesulitan dg tutorial bahasa [...]

  31. 31 coba dulu «

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  32. 32 pusing «

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  33. 33 Ar1es G!rlS » Blog Archive » Tutorial Blog WordPress

    [...] Cara Buat ‘Read More’ di Blogger Lama (Template Classic) [...]

  34. 34 Cara Membuat Read More di Wordpress « My Blog

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  35. 35 Tutorial wordpress.com dan blogspot, adsense « -bebas berkarya-

    [...] Cara Buat ‘Read More’ di Blogger Lama (Template Classic) [...]

  36. 36 Blogspot : Membuat Read More | Computers

    [...] atau Baca Selanjutnya di blogger beta / baru (untuk tutorial buat read more di blogspot / blogger template lama atau classic lihat di sini) dan sudah saya beritahu alamatnya. Tapi tampaknya sebagian agak kesulitan dg tutorial bahasa [...]

  37. 37 cara membuat read more « My Media

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  38. 38 Pseudodiskom’s Blog

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  39. 39 CARA BUAT WEBSITE GRATIS..! « TIADA KEMULIAAN TANPA ISLAM

    [...] Cara Buat ‘Read More’ di Blogger Lama (Template Classic) [...]

  40. 40 Kamaludin’s Weblog

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  41. 41 Cara Buar Read More di Blogger Baru « Putroaji's Blog

    [...] atau Baca Selanjutnya di blogger beta / baru (untuk tutorial buat read more di blogspot / blogger template lama atau classic lihat di sini) dan sudah saya beritahu alamatnya. Tapi tampaknya sebagian agak kesulitan dg tutorial bahasa [...]

  42. 42 Link Tutorial Blog Lengkap (Wordpress, Blogger/ Blogspot) « .mifka weblog.

    [...] Alternatif Warna Kotak Komentar [blogger] [...]

  43. 43 Drop-down Blogroll « copy p@ste

    [...] Cara Buat ‘Read More’ di Blogger Lama (Template Classic) [...]

  44. 44 cara buat read more di wordpress « Jonhebring's Blog

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  45. 45 Cara Membuat Read More di Wordpress «

    [...] wordpress sudah tahu cara buat “read more” di wordpress. Ternyata masih ada yang tanya di komentar posting di sini. Berbeda dengan blogger.com / blogspot, membuat “read more” atau “baca selanjutnya” atau [...]

  46. 46 Link Tutorial Blog Lengkap (WordPress, Blogger/ Blogspot) « Herman Suryanto Ada Apa Hari Ini's Blog

    [...] Alternatif Warna Kotak Komentar [blogger] [...]




Leave a Comment