Menambah Fitur “Read More” pada Blogger

Apa itu read more? Read more adalah link pada tiap postingan kita agar tidak terlalu panjang (membuat cuplikan artikel sehingga menghemat tempat) pada homepage blog kita.Sehingga pengunjung dapat melihat lebih banyak artikel di halaman utama blog.

Langkah 1
Login account blogger
klik “Tata Letak”
Selanjutnya pilih “Edit HTML”
Centang “Expand Template Widget
Cari kode berikut dalam template(untuk mencari klik Ctrl+F) :

<p><data:post.body/></p>


copy + paste kode berikut diatas kode <p><data:post.body/></p> :

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

copy + paste kode berikut dibawah kode <p><data:post.body/></p> :

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

Langkah 2
Klik “Pengaturan”
dan pilih “Format”.
Pada bagian paling bawah ada pilihan “Template Posting”
isi kode dibawah ini :

<span class="fullpost">

</span>

Simpan perubahan

Langkah 3
Cara kerja kode :
Kata-kata yang kita ketikkan sebelum tag <span class="fullpost">
akan terlihat pada halaman utama, Kata-kata diantara tag <span class="fullpost"> dan </span> akan disembunyikan.

Catatan: Untuk postingan lama, kita harus mengcopy paste tag <span class="fullpost"> dan </span> secara manual.