Anda sedang membaca artikel dalam kategori :

Tips Ngeblog

Membuat Read More (Baca Selengkapnya) di Blogger Lama

Membuat “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”.

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.

ARTIKEL MENARIK LAINNYA:


Tentang Penulis:

Asta Qauliyah - telah menulis 464 artikel di ASTAQAULIYAH.COM

Sejak tahun 2008, Asta Qauliyah aka Asri Tadda bekerja sebagai full-time blogger dan SEO konsultan sekaligus berhenti dari program pendidikan klinik di Fakultas Kedokteran Unhas Makassar yang selama ini digelutinya. Kini, Asta Qauliyah tengah mengembangkan AstaMedia Group, sebuah perusahaan internet marketing dan blog advertising yang berbasis di Makassar dengan sejumlah layanan online dan sayap bisnis di sektor ril. Anda bisa menghubungi Asta Qauliyah melalui jejaring sosial di bawah ini:

Twitter | Facebook | LinkedIn | Google Profile | FriendFeed

View Comments to “Membuat Read More (Baca Selengkapnya) di Blogger Lama”

  1. siu says:

    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]

  2. Ifool says:

    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]

  3. Galang says:

    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]

  4. mimin says:

    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]

Trackbacks/Pingbacks


Leave a Reply

blog comments powered by Disqus

Langganan Artikel Lewat Emailmu

#1 Recommended PDF Search Engine

Lihat Arsip