Cara Membuat Read More di blog Blogger Blogspot Lama (html version). Untuk panduan tutorial buat read more di Blogger Baru (xml version) lihat di sini!
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 blogspot baru (xml version) 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>
</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.
Artikel Terkait:
- Cara Buat Read More di Blogger Blogspot dengan Editor Baru
- Cara Buat Read More di Blogger Blogspot dengan Editor Lama
- Cara Buat Read More di Blogger Blogspot Lama / Classic (Versi HTML)
- Cara Buat Read More di Blog WordPress
Artikel Terkait:
ribet yahh
Posted by Munawir wer wer | 5 Oktober 2011, 9:55 pmTerima kasih infonya ini ya
Posted by Google Sport Blog | 13 April 2011, 3:00 pmGagal, karena tag atau tidak ada.
Posted by Aprino Blog's | 3 Februari 2011, 9:07 pmKalo read more dipasang memang bisa untuk menghemat tempat
Posted by Online CROCS Store | 19 Januari 2011, 2:06 amsaya sedlikit kesulitan dalam membuat read more…
karena bahasa yg ada di blog saya adalah bahasa indonesia…
berbeda bgt…
Posted by rani | 20 Agustus 2010, 9:37 pmterimakasih gan atas penjelasannya
budi sukses
http://budisukses.wordpress.com/
Posted by budisukses | 3 Agustus 2010, 9:04 pmthanks bget infonya gan….
Posted by tryawanagus | 2 Agustus 2010, 6:19 pmkeren2 thanks infonya
Posted by tino | 22 Juni 2010, 5:46 pmkeuntungannya pakai read more kita bisa mempersingkat artikel.
Posted by Cara Dapat Uang | 26 April 2010, 9:38 amthanks ,salam kenal,,
http://bondibluesy.wordpress.com
Posted by [[bondiebluesy]] | 3 Januari 2010, 10:56 pmthanks ,salam kenal,,
Posted by [[bondiebluesy]] | 3 Januari 2010, 10:55 pmsiiiiiippppp..makasih dah mau berbagi
Posted by Blogging Tutorial and Business Stuff | 29 Desember 2009, 6:36 pmdikasih contohnya dong
Posted by geniari | 28 November 2009, 11:07 amJujur, Saya Baru nangkep pembuatan read more disini…….Thanx^_^
Posted by julian prasetyo | 14 Agustus 2009, 2:20 pmhallo 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
Posted by hackneyed aschaism | 26 Juli 2009, 11:20 ammantap mas…baru tau ni blooger dah ada versi baru…keren keren..makasih infonya yah……
Posted by balajar ngeblog | 18 Juli 2009, 11:23 pmmakasih mas infonya sangat bermanfaat
Posted by sutrisno2629 | 28 Juni 2009, 11:16 pmgak ada mas tanda tulisan tenpat saya.
Posted by putralubis | 5 Mei 2009, 11:16 pm