Membuat Read More, dengan JUMP BREAK

 

Beri hamba kemauan dan kemampuan untuk selalu belajar dan memperbaiki diri ya Rabb...

Karena samudra ilmu-Mu sedemikian luas

tak bertepi

Blogger.com mempunyai fitur Readmore

Blogger.com semakin memanjakan penggunanya, para blogger untuk membuat Read more dengan mudah. Tidak perlu lagi bersusah payah mengedit-edit kodem html. tidak perlu bersusah payah menambahkan kode html pada setiap artikel. 

CUKUP SEKALI KLIK saja

Caranya, kita persiapkan blog kita dengan fitur ini. Nama fiturnya adalah JUMP BREAK.

Membuat JUMP BREAK pada postingan artikel blog dapat dilakukan dengan sangat...sangat mudah. Karena tinggal klik tool paling kanan pada toolbar anda. Letakkan kursor keyboard anda pada kalimat yang akan di potong.

Pada mode Compose, klik icon "Insert Jump Break"

Kemudian akan muncul garis abu-abu pada titik kursor. Tulisan di bawah garis akan terpotong. Garis abu-abu tersebut bisa di drag. Jadi mudah untuk memindah posisinya.

Jika menggunakan mode Edit HTML. Menyisipkan JUMP BREAK dilakukan dengan cara menuliskan <!-- more -->  pada lokasi yang diinginkan.

Selesai, hasilnya akan terlihat seperti ini :

Klik Read more >> untuk melihat keseluruhan artikel.

PERHATIAN : cara di atas hanya berhasil jika kita menggunakan template asli dari blogger. BUKAN EDITAN.

Jika template kita merupakan template hasil editan, anda harus menambahkan settingan tambahan.

Caranya buka Layout >>tab Edit HTML , JANGAN LUPA BACKUP TEMPLATE ANDA. Centang kotak Expand Widget Templates kemudian cari kode HTML ini
<p><data:post.body/></p> (gunakan ctrl + F)
 

Kemudian letakkan kode ini, TEPAT dibawah kode diatas

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




Jika di Klik read more hasilnya :

Mengubah kata Read more

Caranya pergi ke  Layout > tab Page Elements. klik Edit pada widget Blog Post, dan ubah Post page link text menjadi apa pun yang anda suka

CATATAN,  Fitur Jump Break tidak mengubah tampilan post pada feed anda. Anda dapat mengatur feed postingan dengan cara pergi ke Settings > Basic > Site Feed, dan editi Allow Blog Feeds.

CUKUP semudah itu.

dikutip dari BLOGGER SUPPORT.