Membuat Post Summary "Read More"

Bagi kita yg sudah membuat blog dan sudah memposting sejumlah entry, mungkin terpikir oleh kita bahwa postingan kita terlalu panjang sehingga tak menarik dilihat pengunjung. Apabila kita ingin menyingkat posting yang ada di halaman muka supaya lebih menarik dan judul-judul lainnya pun jadi lebih visible di mata pengunjung, dengan harapan mereka akan lebih 'betah' lagi nongkrong di blog kita.

Nach.. sistem ini disebut juga dengan post-summary.

Dengan cara ini, biasanya nanti dibawah postingan kita terdapat tulisan "Read More" atau yang lain sebagainya seperti gambar diatas, dan k'lo kita klik akan langsung memunculkan posting secara keseleuruhan di sebuah jendela baru. Dan yang tampil sebelumnya hanya posting yang dipotong sebagian.

Nach, sekarang nggak usah basa basi lagi.. waktunya praktek...!!!

Langkah Pertama:
Buka menu Layout kemudian pilih Edit HTML. Kasih tanda cek (centang) pada cekbox "Expand Widget Template". Jangan lupa backup blogger dengan mengklik "Dowlnoad Template Lengkap".

Langkah Kedua:
Copy-Paste kode dibawah, kemudian letakan kode tersebut sebelum kode </head> atau tepat sesudah kode ]]></b:skin>.

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

Langkah Ketiga:
Selanjutnya, cari kode warna Hijau dibawah ini:

<div class='post-body entry-content'>
<p><data:post.body/></p>

Copy-Paste kode dibawah ini dan letakan dibawah code warna Hijau diatas.

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> [Read More..]</a>
</b:if>

Tulisan "[Read More..]" itu bisa kita rubah sesuai dengan keinginan, misalnya jadi "Baca Selengkapnya..". Setelah itu simpan hasil pengeditan.

Langkah Keempat:
Setelah kode diatas disimpan, kita kembali dan masuk ke menu Pengaturan lalu pilih Formatting. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>

Kemudian simpan.

Catatan:
K'lo kita ingin posting baru. Pilih Edit HTML dan disitulah kamu menulis posting . Jangan di Compose.

Supaya terpotong, setiap kali kita posting, klik pada bagian posting dimana kita ingin tulisan [Read More..] muncul, dan ketik <span class="fullpost"> sisa postingan sampai selesai </span>.

Jadi teks yang berada diantara <span class="fullpost"> dan </span> akan hilang. Nach.. slamat mencoba.