Cara Buat ‘Read More’ di Blogspot Classic

Mungkin sudah banyak yg tahu, klo postingan di blogger.com sudah bisa disetting ‘read more’. Pernik atau fasilitas blog yg satu ini memang cukup membantu dalam mengatasi postingan yg sangat panjang dengan cara memotongnya atau hanya ditampilkan beberapa paragraf di halaman depan, dan sisa paragraf lainnya bisa dilanjutkan dengan meng-klik teks ‘read more’. Contohnya bisa dilihat pada blog ini.

Info dan cara membuat ‘read more’ dari blogger.com itu bisa dibaca disini. Dan saya mencoba menguraikannya kembali. Ada tiga langkah yg mesti dilakukan, yaitu:

1. Copy-paste tambahan kode tag blogger berikut:

<MainOrArchivePage>
span.fullpost {display:none;}
</MainOrArchivePage>

<ItemPage>
span.fullpost {display:inline;}
</ItemPage>

di bagian atas (blok css) atau sebelum kode .

2. Tambahkan tag berikut:

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

pada template blog, setelah tag: < $BlogItemBody>

3. Setiap posting yg ingin diberlakukan ‘read more’ ini, sisa text atau paragraf yg akan tampil setelah user meng-klik ‘read more’ di awal dan akhirnya diberi kode berikut:

<span class="fullpost">sisa text/paragraf</span>

contoh posting:

Kabupaten Malang adalah salah satu daerah penghasil susu sapi perah yang ada di Jawa Timur. Para peternak yang ada, sebagian besar menjual susu sapi perah mereka ke KUD yang ada di sekitar Malang untuk kemudian dimanfaatkan sebagai bahan pembuat keju dan susu kemasan siap saji.

<span class="fullpost">Dalam rangka mengembangkan wirausaha baru yang berbasis teknologi, serta menambah nilai jual, Pusat Penelitian dan Pengabdian pada Masyarakat (P3M) FMIPA mengupayakan sosialisasi cara pengolahan susu dengan produk akhir berupa yoghurt menggunakan bioteknologi sederhana. Yoghurt merupakan minuman segar hasil olahan susu segar yang…</span>

tag di atas dipasang pada sisa text dalam box ‘create posting’ (bukan di area template!).

tampilan hasilnya:

Kabupaten Malang adalah salah satu daerah penghasil susu sapi perah yang ada di Jawa Timur. Para peternak yang ada, sebagian besar menjual susu sapi perah mereka ke KUD yang ada di sekitar Malang untuk kemudian dimanfaatkan sebagai bahan pembuat keju dan susu kemasan siap saji.

read more

Yang perlu diingat, pastikan “enable Post Pages” = Yes pada archiving (menu blogger).

Selain itu, jangan kaget kalau pada posting-posting yg tidak diberlakukan ‘read more’ (langkah ke-3) tetap akan tertera text ‘read more’ di bawah postingnya. Karena fasilitas ini berlaku pada semua posting.

Selamat mencoba :)



19 Responded To This Post

Gravatar Image
1. dodi said in March 14, 2006

Haloo…Mbak!
Ternyata aq blom bisa masuk’in ke blogger atau blog lainnya
susah…kasih tips…donk?:-)

Gravatar Image
2. Ria said in March 18, 2006

Yna, salam kenal yak. lg ‘jalan2′ nemu blog kamu yg ini. seneng bgt krn sgt informatif. ngebantu aku yg seneng utak atik blog. makasih yah =)

Gravatar Image
3. Ndra said in April 12, 2006

aku bingung dan ngga tau, menurut Yna blog aku ini bagusnya diapain? webs http://candraweke.blogspot.com

makasih Yna :)

Gravatar Image
4. thuns said in May 10, 2006

wow…. nice info ;)

Gravatar Image
5. Wingoke said in May 23, 2006

Dear mbak,

salam kenal, saya Wing, to the point yach…
dan mohon dibantu..
Kalo untuk read more di blogsome gimana ?

rgds

Gravatar Image
6. eternal said in June 10, 2006

mau tanya mba kalo bikin read more di blogsome.com gmn yah??
help pls

Gravatar Image
7. ratna said in October 5, 2006

seneng banget jalan-jalan ketemu blog mba yna.
mbak saya juga ikut minta tolong ya, header saya kok rusak gitu gimana ya memperbaikinya. tengkyu banget, ya….

Gravatar Image
8. tasiya said in February 9, 2007

Mba Yna.. aq punya blog udah lama bgt cuma ga pernah q isi gara2 ga ngerti. gmn cara gini gitunya.. tp pas dskul lg ada acara trus aq ga sengaja ngeliat berita ini di di telkom sekolah. trus pas aq baca aq jd mw coba2 bwt ngutak ngatik. makasih ya.. doain spy berhasil yaaa…

>>YNa: ok tasiya, terus ngulik ya.. klo sdh berhasil, kabar2 dunk :D

Gravatar Image
9. Mamo said in March 6, 2007

Mbak, gimana caranya masukin code meta tag di code template Blogger.com yang baru. Dah aku dahtarkan url nya di goole tapi ketika aku search gak muncul2 tuh. Aku coba masukin code tapi comentarnya malah xml error bla-bla
Gimana ya mbak ?
Thanks

http://sulapmaster.blogspot.com/
http://healthyfacts.blogspot.com/
http://geosintetik.blogspot.com/
http://isparmo.blogspot.com/

>>YNa: maksudnya gimana ya? saya blum nangkep nih :D

Gravatar Image
10. siwa said in December 10, 2007

mbak lam kenal dari saya …
mbak saya masih bingung ni gimana caranya masukin tag nya.
tolong kirimin saya v
ia e mail.
juga bisa lewat
siwaboys@gmail.com
makasih banyak.

Gravatar Image
11. dewi said in March 11, 2008

Giman caranya membuat read more di blogsome? TErimakasih

Gravatar Image
12. Dhanang said in June 25, 2008

aq dah nyoba, tapi yang pake layout template tapi tetap gak bisa.silahkan liat disini http://dhanang-wonglawas.blogspot.com yang salah apanya ya?
mohon bantuannya

Gravatar Image
13. Arsyil Hendra Saputra said in April 8, 2009

Langkah 1 saya gak ngerti….
di copy setelah apa…?

arsyil.blogspot.com

Gravatar Image
14. an ismanto said in April 22, 2009

Terima kasih atas informasi tentang cara membikin read more di blogspot. Sudah lama sekali saya tidak bermain dengan blogspot, jadi sudah lupa. Untung ada situs ini. Insyaallah nanti saya link di blog saya. Sekali lagi terima kasih.

Gravatar Image
15. William_Eight said in May 1, 2009

mas,mao masukin meta tag gmn yah?
ajarin dun^^

neh sbg referensi blog aku : rahasia-masa-depan.blogspot.com

thx y^^

Gravatar Image
16. perantau said in June 13, 2009

gi mana ni..
aku adah buat semua tu.. read more keluar di blog tapi yang nak read more tak sembunyi…
gi mana si..
bantu gua ye..
sen melalui emailagi bagus

Gravatar Image
17. indra said in August 20, 2009

infonya simple,tapi bagus banget

ada contohnya lagi

thanks atas infonya mas

Gravatar Image
18. EDY PUTRA said in August 30, 2009

Bagi rekan2 and temen2 yang pengin tau tentang JEPARA silahkan kunjungi situs kami,yang pingin otak atik blog silahkan KLIK SITUS kami
SALAM BLOGGER.

Gravatar Image
19. Rudi said in September 2, 2009

mba, point pertama di copas di bag. atas (blok css)
itu dmana ya??
ngga ngerti..

Leave A Reply

Go Back To Home | Cara Buat ‘Read More’ di Blogspot Classic

 Username

 Email Address

 Website


Sign up for PayPal and start accepting credit card payments instantly.