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.

Membuat Read More (Baca Selengkapnya) di Blogger Lama
0 votes, 0.00 avg. rating (0% score)

ARTIKEL MENARIK LAINNYA:

  • Fenomena VIII, Siapa Bilang Sehat itu Gampang?
    Kontroversi Masalah Rokok Dewasa ini, tercatat bahwa dari sekitar 1,2 miliar perokok aktif di dunia, 800 juta di antaranya berada di negara sedang berkembang yang total penduduknya saat ini berkisa...
  • Mc@fee Virus Scan Plus 2008 v2.0.155.0 Retail
    Mc@fee Virus Scan Plus 2008 v2.0.155.0 Retail ® VirusScan® Plus offers proactive PC security to prevent malicious attacks, so you can protect what you value as well as surf, search, and download fi...
  • Berbisnis Online, Bagaimana Caranya Ya?
    Kemarin sore ada yang kirim SMS ke saya. Isinya antara lain bertanya tentang bagaimana cara berbisnis di dunia online lewat internet. Si pengirim SMS, yang tidak menyebutkan nama dan alamat jelas, kat...
  • Drama Kehidupan; Antara Buku, Pesta dan Cinta
    Ehhh... hari2 terakhir ini memang sungguh melelahkan. Sampai2 aku pikir bahwa semua wanita sama saja...lemah, mau diperhatikan dan egois dalam ketakberdayaannya itu. Tapi, keseluruhannya, tak tahulah....
  • Penyakit Sering Online
    Apakah Anda Mengidap Penyakit Online? Paling tidak ada delapan penyakit yang bisa langsung dikaitkan dengan kebiasaan seseorang di internet. Seperti apa gejala-gejalanya? Menurut mingguan New Scie...

Tentang Penulis:

- telah menulis 474 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

8 Responses 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. 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]

  3. 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]

  4. 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]

  5. 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]

  6. Galang says:

    mas tolong bantu saya,,kalau muncul kesalahan kaya gini bagaimana yach mas buat membetulkannya,, bX-o3wmwcInformasi tambahanblogID: 1319449721644981455host: http://www.blogger.comuri: /rearrange

    [Reply]

  7. 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]

  8. 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

Tentang Asta Qauliyah

Asri TaddaAsta Qauliyah aka Asri Tadda adalah seorang blogger lelaki yang aktif berkecimpung di dunia bisnis online sejak tahun 2007. Ia juga founder AstaMedia Group, perusahaan internet marketing dan blog advertising yang berpusat di Makassar dengan sejumlah layanan global. Profil selengkapnya...

Artikel Terbaru Astaqauliyah.com

Serenade; Kado Unik Hari Valentine untuk Pasanganmu!

Serenade; Kado Unik Hari Valentine untuk Pasanganmu!

February 9th, 2012

Valentine menjadi momentum yang ditunggu-tunggu oleh banyak orang, ter[...]

Profile Maddi Jane, Penyanyi Cilik Bertalenta ala Justin Bieber

Profile Maddi Jane, Penyanyi Cilik Bertalenta ala Justin Bieber

November 5th, 2011

Siapa yang pernah kenalan dengan Justin Bieber? Saya kira tidak banyak[...]

Referat Kedokteran: Etiologi dan Epidemiologi Frigiditas Pada Wanita

Referat Kedokteran: Etiologi dan Epidemiologi Frigiditas Pada Wanita

October 9th, 2011

Frigiditas adalah salah satu tragedi yang paling besar pada wanita. Fr[...]

Geliat Bangkitnya Bisnis Blog Dalam Negeri

Geliat Bangkitnya Bisnis Blog Dalam Negeri

May 25th, 2011

Sabtu hingga Minggu, 20-21 Mei 2011 lalu diadakan even Roadblog 2011 B[...]

Tiga Puluh Tahun

Tiga Puluh Tahun

April 2nd, 2011

Ya, hari ini saya genap berusia 30 tahun! Sudah tidak (terlalu) muda l[...]

Ini Dia Hosting Murah dan Tangguh!


Baca ulasannya di sini dan dapatkan KUPON 50% DISKON di HawkHost!

PDF Search Engine

Fresh Store Builder - The Most Advanced Amazon Affiliate Software