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