Home

Untuk membuat auto read-more atau jump-link tanpa JavaScript adalah dengan fungsi atau operator snippet(). Cara ini (mungkin) paling efisien jamannow karena Blogger memotong string secara server-side. Jadi Browser tidak perlu menerima semua teks lalu memotongnya dengan client-side scripting / JavaScript, atau bahkan hanya menyembunyikan sebagian teks dengan CSS.

Caranya adalah ganti:

1. <data:post.body/> 

Dengan kode berikut:

1. <b:if cond='data:blog.pageType not in {"static_page", "item"}'> 

2.     <b:eval expr='snippet(data:post.body, {length: 160, linebreaks: false, links: false})'/> 

3.     <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a> 

4. <b:else/> 

5.     <data:post.body/> 

6. </b:if> 

Saya sendiri lebih suka menaruh jumpText atau Read-More nya di baris berikutnya:

1. <b:if cond='data:blog.pageType not in {"static_page", "item"}'> 

2.     <b:eval expr='snippet(data:post.body, {length: 160, linebreaks: false, links: false})'/><br/> 

3.     <a expr:href='data:post.url + "#more"'>More</a> 

4. <b:else/> 

5.     <data:post.body/> 

6. </b:if> 

Keterangan operator snippet(string, options):

string dalam hal ini data:post.body dengan opsi-opsi berikut:

Mudah dan sederhana bukan? Demo: anggitlog.blogspot.com