LEARNING LIFE: Cara Membuat Read More pada Posting

Secara default Blogger akan menampilkan tulisan kita secara utuh. Bayangkan jika tulisan kita sudah banyak. Semuanya akan tampil secara utuh memenuhi halaman posting. Pembaca terpaksa harus terus menggulung layer sampai ke bawah untuk melihat tulisan satu persatu. Untuk mengatasinya bisa dilakukan dengan membuat ReadMore (Baca selengkapnya), sehingga setiap tulisan hanya ditampilkan sebagian saja (misalnya satu paragraf) sebagai cuplikan. Untuk melihat tulisan utuhnya pembaca tinggal mengklik link Baca selengkapnya…. Nah, cara membuatnya adalah:

1. Masuklah ke halaman dasbor anda. Klik menu Tata Letak.

2. Klik Edit HTML

3. Centang kotak kombo Expand Template Widget

4. Kemudian cari kode seperti ini: </head>. Agar mudah mencarinya tekan (Ctrl + F) pada keyboard. Maka akan muncul kotak pencarian (Find) seperti ini:

5. Setelah ketemu kode tersebut, tepat di atasnya ketikkan kode berikut:

   <style>
     <b:if cond='data:blog.pageType == "item"'>
      span.fullpost {display:inline;}
     <b:else/>
      span.fullpost {display:none;}
     </b:if>
   </style>

6. Maka hasilnya akan seperti ini:

7. Kemudian lanjutkan mencari kode: <data:post.body/> (cari lagi dengan kotak pencarian/find).

8. Kemudian ketikkan kode ini di bawahnya:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Baca selengkapnya..</a>
</b:if>

9. Hasilnya akan menjadi seperti ini dan klik SIMPAN TEMPLATE

10. Itu baru satu tahap. Sekarang tinggal setahap lagi, yaitu memotong tulisan yang akan kita selipkan kode untuk Read More-nya. Sekarang bukalah halaman posting, lalu klik Edit Entri.

11. Klik Edit pada tulisan yang akan diselipkan Read More-nya (nanti semuanya bisa anda lakukan secara bergantian).

12. Sebelumnya meyisipkan kodenya pastikan anda sudah mengklik menu Edit HTML.

13. Sekarang ketikkan kode: <span class="fullpost"> pada bagian tulisan yang ingin dipotong.

14. Terakhir ketikkan kode: </span> di akhir tulisan (paling bawah) dan Klik TERBITKAN ENTRI.

15. Jika proses yang dilakukan tidak keliru, seperti biasa akan muncul tulisan Perubahan Anda telah Disimpan. Jika tidak, coba anda ulangi lagi dengan teliti. Ini hanya repot di awalnya. Untuk tulisan yang lain (berikutnya) anda tidak perlu lagi masuk ke halaman edit HTML Tata Letak. Cukup menyisipkan kode pendeknya pada halaman Edit Entri.
Selamat mencoba dan semoga berhasil!

Referensi : http://www.blogernas.co.cc/2010/03/cara-membuat-read-more-pada-posting.