Cara Membuat Read More

Postingan kali ini saya tulis menanggapi pertanyaan dari salah satu pengunjung blog ini. Dia bertanya bagaimana caranya untuk membuat postingan yang terpotong, atau dalam dunia blog biasa disebut sistem Read more. Begini pertanyaannya.

oya saya mo tanya mas??
gmn ya cara buat agar posting dapat terbaca secara terputus (klik tuk baca selanjutnya) gitu.. seperti punya anda..

kan ribet lok semua posting timbul kan gk efektif ya mas

Sebenarnya saya mendapat cara ini dari blognya Kang Rohman dan langsung saya praktekkan langsung di blog ini. Dan cara ini berlaku untuk anda yang menggunakan blog dengan template baru. Jadi, bagi anda yang menggunakann template klasik tidk bisa menggunakan trik ini. Nah, tanpa banyak basa-basi saya akan langsung memberi tahu langkah-langkah untuk bisa membuat read more. Berikut ini langkah-langkahnya :

1. Klik menu Dasboard
2. Klik tab Edit HTML
3. Klik tulisan Download Template Lengkap (sebagai backup bila terjadi error)
4. Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :

Tunggu beberapa saat ketika proses sedang berlangsung.
5. Kemudian cari kode berikut pada kode template milik anda :

<data:post.body/>

atau kode di bawah ini (sama saja) ;

<p><data:post.body/></p>

6. Hapus kode diatas, lalu ganti dengan kode di bawah ini (klik pada tombol untuk mengcopyi)

<b:if cond="'data:blog.pageType"> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/> <a href="'data:post.url'"><strong>Selengkapnya...</strong></a></p> </b:if>

7. Klik tombol Simpan Template.
8. Klik pada tab Pengaturan dan pilih pada bagian Format.
9. Pada bagian Template Posting (bagian paling bawah) isikan dengan kode berikut :

<span class="fullpost"> </span>

10. Klik tombol simpan dan selesai.


Cara Posting Artikel

1. Klik menu Posting
2. Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :

<span class="fullpost"> </span>

3. Tuliskan artikel yang ingin tampak pada blog sebelum kode :

<span class="fullpost">

4. Tulis keseluruhan sisa artikel setelah kode di atas dan sebelum kode :

</span>

5. Klik tombol bertuliskan Publikasikan posting
6. Klik tulisan Lihat Blog untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas.

Dan untuk artikel yang diposting sebelum anda menggunakan cara ini pastinya tidak akan bisa terpotong artikelnya. Dalam artian sistem read more belum berjalan. Untuk mengatasinya, anda harus mengeditnya satu per satu yaitu dengan cara yang sama dengan cara memposting artikel diatas. Cukup sekian dulu cara yang dapat saya sampaikan untuk anda tentang bagaimana membuat sistem read more pada blog. Untuk sistem read more dengan tambahan judul akan saya posting pada lain kesempatan. Jadi saya mohon anda untuk sabar dan jangan lupa untuk selalu berkunjung ke blog ini, Terima kasih.