Cara Buat Read More di Blog

Pernahkah kita merasa tidak nyaman ketika melihat sebuah blog dengan berbagai posting yang cukup panjang dalam tampilannya??? Tentunya kurang enak dipandang.
Nah untuk mengantisipasi perasaan itu dirasakan oleh pembaca blog kita ada cara untuk mempersingkat posting panjang kita, yaitu dengan menggunakan "read more" dimana posting kita akan ditampilkan sebagian.

Selain meringkas, dengan menggunakan "read more" pula akan membuat pembaca penasaran apa sih yang ada di tulisan selanjutnya.

Bagaimana caranya? Ayo kita peraktekin, nih caranya:
1.Buka template -> Edit HTML -> Kasih tanda tik pada menu "expand widget tempate"
2.Letakkan kode berikut persis di atasnya kode </head>

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

3. Letakkan kode berikut

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

di bawah kode

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

4. Klik Simpan. Selesai.
5. Klik SETTINGS atau Pengaturan, terus klik FORMATTING atau Format. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Isi kotak kosong tsb dg kode berikut:

<span class="fullpost">

</span>

Jangan lupa klik SIMPAN PENGATURAN.

Cara Memposting

Ketika memposting, klik EDIT HTML (bukan COMPOSE). Maka, secara otomatis akan tampak kode

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

Letakkan posting yg akan ditampilkan di halaman muka di atas kode

<span class="fullpost">

sementara sisanya (yakni keseluruhan entry/artikel), letakkan di antara kode

<span class="fullpost">

dan

</span>