Buat Menu "Read More" Pada Blog

Buat “read more” di Blogger/Blogspot

Ini juga untuk catatanku sebagai pengguna Blogger. Sumbernya di sini.

CARANYA:

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada check box “expand widget template”
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

<div class=’post-body entry-content’>

kalo sudah ketemu maka dibawahnya ada kode ini :

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

4. Ganti kode yang ini <p><data:post.body/></p> menjadi seperti ini :

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

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

<a expr:href=’data:post.url’>Read More……</a>
</b:if>

Tulisan “Read More…..” itu bisa kita ubah, misalnya jadi “Baca Selengkapnya”.

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class=”fullpost”>

</span>

8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang “Compose” dan “Edit Html”, pilih yang “Edit HTML”, Maka secara otomatis akan tampak kode seperti berikut :

<span class=”fullpost”>

</span>

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan di halaman utama (sebelum tulisan “Readmore” diatas kode ini : <span class=”fullpost”> sementara sisanya artikel letakkan di antara kode <span class=”fullpost”> dan </span>
11. Selesai…..