Membuat Read More / Baca Selengkapnya Pada Blogspot

Pada artikel kali ini, Saya ingin share cara "Membuat Read More / Baca Selengkapnya Pada Blogspot " dengan berbagai macam kreasi.
Langkah pertama masuk Blogger - Dashbor - Rancangan - Edit Html.
Centang pada Expand Template Widget




Cari Kode Berikut
<data:post.body/>
Untuk memudahkan pencarian Ctrl + F
Copy Kode di bawah ini

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

Letakkan di bawah kode <data:post.body/>
Hasilnya sebagai berikut



Versi Read More / Baca Selengkapnya dengan Banner

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'>
<img alt='read more' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7S_jziaMp2fiHh5mBiI8-Xox55t5i9fx2mPL0kcdHn4wy-gJW9qv_K2UHJO28rurqOf4Ptik6GdGf0AZVDPYHiFZuiDIJbhwrq4sjJXcVnmRsgMlXBQgnrgGSYk0cFmKhyphenhyphenm63JDiRrs8/s1600/tya.png'/></a>
</div>
</b:if>

Letakkan di bawah kode <data:post.body/>

Hasilnya sebagai berikut

Kemudian Simpan template.

Cara menggunakan Read More / Baca Selengkapnya.
Masuk Ke Entri baru - Tulis postingan
Klik pada menu merah seperti di bawah ini

Dan lihat hasilnya.

Cara Manual
<!-- more-->