Membuat Read More

Biasanya dalam suatu posting ada suatu kata read more, selanjutnya atau next, untuk memenggal suatu postingan dan apabila kita klik, akan menampilkan keseluruhan postingan. Read more bisa meringkas postingan yang panjang di halaman muka. Kan gak uenak kalo di halaman muka da postingan yang puanjang, makanya harus ada read more-nya.

Cara membuat read more:

1. Login ke Blogger
2. Klik Tata Letak
   
3. Edit HTML
4. Untuk jaga-jaga, backup dulu template kamu
   
5. Lalu klik Expand Template Widget

Kalau sudah, cari salah satu kode dibawah ini:

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

Agar lebih mudahnya mencari kode di atas, press Ctrl+F, lalu masukkan kode di atas. Kalau masih belum ketemu terpaksa pakai cara manual saja (mencari jarum di tumpukan jerami,hehehee...)

Kalau sudah ketemu ganti/ kode di atas dengan kode di bawah ini:

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


Jadi kalau mau membuat postingan sisipkan kode di bawah ini, Eit.. tapi kalau nyisipkan harus dalam mode HTML, bukan mode Compose

<span class="fullpost">

di akhiri dengan

</span>


Contohnya seperti ini:

Bapak pergi kesawah untuk mencari rumput
<span class="fullpost">
Dan ibu sedang memandikan sapi
</span>


Maka akan menjadi:

Bapak pergi kesawah untuk mencari rumput
Read More ..


Apabila Read more .. -nya di klik akan menjadi:

Bapak pergi kesawah untuk mecari rumput
Dan ibu sedang memandikan sapi



Yup, begitulah kira-kira jadinya. Heh aku kayak guru TK aja, hehehee...
peace..

Related Posts by Categories