Membuat Read More (Baca Selengkapnya) di Blogger Lama
Posted by | Published on April 19th, 2007Membuat “Read More” atau dalam istilah posting abstraksi (post summary), memang dibutuhkan apabila kita memiliki postingan yang relatif panjang. Blog-blog yang dibuat untuk menampung tulisan atau artikel yang berukuran lebih dari 2 halaman, akan menjadi lebih ramping dan tidak melorot panjang ke bawah hingga beberapa meter, apabila menggunakan posting abstraksi, artinya hanya bagian depan tulisan yang hendak kita tampilkan saja yang akan terpampang di halaman depan blog, sedangkan bagian keseluruhannya baru akan tampil jika pembaca mengklik tulisan “Read More” atau “Baca Selengkapnya”.
Contohnya adalah di blog Tips Ngeblog ini. Penasaran?
Sebelum mempelajari tips ini, Anda harus tahu bahwa ada perbedaan dalam pembuatan posting abstraksi antara blogger lama (classic) dengan blogger beta yang baru.
Nah, berikut tips membuat read more atau post summary di blogger lama :
(a) 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.
(b) 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.
(c) 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>
(d) Setelah itu, pasang kode berikut:
<MainOrArchivePage><br /> <a href="<$BlogItemPermalinkURL$>">Read more!</a></MainOrArchivePage>
Letakkan kode di atas ini persis setelah kode berikut:
<$BlogItemBody>
Untuk mengurangi kebingungan Anda, kode:
<$BlogItemBody>
letaknya berada di bawah kode ini:
</blogitemtitle>
<div class=”post-body”>
<div>
(e) Klik SAVE SETTINGS dan apabila sudah ok, klik REPUBLISH. (Jangan klik REPUBLISH, sebelum SAVE SETTINGS-nya selesai secara sempurna).
(f) 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>.
Nah, tuntas sudah tips membuat read more atau post summary untuk blogger lama.
Anda dapat saja menggantikan kalimat “Read More” pada kode template di atas dengan kalimat pilihan Anda sendiri, misalnya “Baca Selengkapnya” atau “Selanjutnya” atau apalah. Postingan terinspirasi dari permintaan bantuan rekan Iqko lewat shoutbox saya beberapa waktu lalu. Kep blogging fren! Semoga postingan ini bermanfaat.
Popularity: unranked [?]
May 14th, 2007 at 3:37 am
MAs kok susah banget ya?padahal aku butuh banget, soale tulisanku panjang2 shgg aku milih 1 postingan untuk sekali tampil, mas bisa dijelasin mulai item (c) ke bawah…dari (style ke style maksude apa to mas?
[reply to this comment]
June 12th, 2007 at 6:38 am
mmm…tips ini khusus bwt template classic ya..?, klo template yg beta gimana dong..?…
sebenarx sih udah lama nyari2 tips kayak gini, tp klo yg classic malah bingung soalx yg lain2x (macam link,dsb) musti dirubah2 juga di HTML..makin pusing…
[reply to this comment]
November 29th, 2007 at 1:32 pm
mas tolong bantu saya,,
kalau muncul kesalahan kaya gini
bagaimana yach mas buat membetulkannya,,
bX-o3wmwc
Informasi tambahan
blogID: 1319449721644981455
host: http://www.blogger.com
uri: /rearrange
[reply to this comment]
November 6th, 2008 at 6:27 pm
Buat yg mau pasang read more dengan post title bisa lanjut kesini:
http://ridhaz.blogspot.com/2008/11/create-read-more-at-blogger-beta.html
[reply to this comment]