Membuat Baca Selengkapnya di Blog

Mungkin masih ada yang bingung bagaimana membuat ‘Baca Selengkapnya’ atau ‘Read More’ di blogger/blogspot. Kalau di wordpress memang lebih mudah. Tapi di sini saya akan membahas tentang
membuat ‘Baca Selengkapnya’ di blogger/blogspot. Berikut langkah-langkahnya.

1.  Masuk ke Rancangan atau Layout, kemudian pilih Edit HTML.
2.  Centang checkbox ‘Expand Widget Template’ yang terletak di atas kanan kode html.
3.  Cari kode berikut. Kira-kira ¼ dari bawah kode html, atau bisa menggunakan fasilitas find di browsermu (Ctrl + F)
<data:post.body/>

4.  Kalau sudah ketemu, ganti kode tersebut dengan kode di bawah ini.!!
<b:if cond=’data:blog.pageType == “item”‘>
<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’>Baca Selengkapnya….</a>
</b:if>
Kata ‘Baca Selengkapnya….’ bisa diganti sesuai keinginan kalian.
5.  Simpan hasil pengeditan
6.  Masuk ke Setelan atau setting, kemudian pilih format
7.  Pada kotak ‘Post Template’ masukkan kode berikut
<span>

</span>
8.  Kemudian simpan
9.  Saat membuat postingan baru, pilih tab ‘Edit Html’. Secara otomatis di sana akan terdapat kode seperti pada point 7 di atas
10.  Ketik postingan yang akan ditampilkan di halaman utama (sebelum ‘Baca Selengkapnya’) di atas kode <span class=”fullpost”>. Sementara sisanya ketik di antara kode <span class=”fullpost”> dan </span>.
11. Selamat mencoba…

Filed under: Belajar PHP, baca selengkapnya, berikutnya, read more