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 kode tersebut, masukkan kode 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 >
Sumber:
1.TEKNIKMEMBUATBLOG.blogspot.com
0 komentar:
Posting Komentar
Silahkan Tinggalkan Komentar Anda Di sini!