memasang read more dengan jump break

Membuat "read more" pada blog telah saya muatkan dalam tutorial sebelum ini.Blogspot telah mengeluarkan satu fungsi bagi membuat read more iaitu dengan menggunakan jump break. .Sebelum dikeluarkannya fungsi baru read more ini, yang dulu kita perlu memasang script pada kod template. Tetapi sekarang akan menjadi lebih mudah dengan terlancarnya  read more versi baru ini.

Berikut adalah cara membuatread more dengan menggunakan jump break.

Pada posisi compose klik  pada artikel yang ingin anda potong menggunakan read more. Kemudian klik pada ikon jump break, seperti pada gambar di bawah )  maka artikel anda akan terpotong dengan sendirinya.

Cara di atas tersebut jika sekiranya anda menggunakannya pada posisi compose. Pada posisi edit HTML maka anda perlu  tambahkan kode <!-- more --> di antara artikel yang ingin dipotong ( lihat gambar di bawah ini ).

Nota:

pada yang menggunakan template bukan dari blogspot anda perlu menambah kod bagi memastikan jump break berfungsi

Untuk membuatnya,masuk ke  Layout | Edit HTML,sebelum itu backup dulu template anda dengan klik pada butang Download Full Template.dengan membuat sedemikian anda akan memuat turun fail XML template anda yang boleh anda upload kembali jika diperlukan.

Selepas membuat backup, Klik pada checkbox Expand Widget Templates , kemudian cari kod dibawah ini:

<data:post.body/>

Selepas jumpa kod tersebut, masukkan kod berikut dibawahnya:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

Selepas memasukkan kod tadi, klik Save

membuat "read more" pada posting

Membuat "read more" atau baca seterusnya pada blog

Caranya:

* Login ke blogger.com, klik pada Design  kemudian masuk ke Edit HTML

* Untuk mengedit template secara keseluruhan, anda harus tandakan /aktifkan Expand Widget Templates

* Masukkan kod berikut sebelum tag </head> atau tepat sesudah kod
} ]]></b:skin>seperti ini:

<style>

<b:if cond='data:blog.pageType == "item"'>

span.fullpost {display:inline;}

<b:else/>

span.fullpost {display:none;}

</b:if>

</style>

Seterusnya supaya posting terpotong, cari kod <p><data:post.body/></p> dalam template anda dan tambahkan kod berikut tepat dibawahnya:

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

supaya terpotong, setiap kali anda posting, klik pada bahagian teks pada posting dimana anda ingin tulisan Read More.. muncul, dan taip<span class="fullpost">baki posting sampai penghujung dan taip </span>.

Untuk menambahkan kod ini, ketika posting anda mestilah dalam mod Edit HTML bukan Compose

dan paparan teks seperti ini:

*Perkataan read more ini boleh kita ubah menjadi perkataan lain hanya edit  perkataan read more pada kod tadi