Membuat Read More Diikuti Judul Artikel

Mungkin kita telah terbiasa dengan kata-kata atau istilah "read more/baca selengkapnya", dan kebanyakan sahabat blogger juga menggunakan fasilitas tersebut untuk lebih mempersingkat tampilan pada blognya masing-masing.

Biasanya kita hanya menampilkan sebagian isi postingan agar para pembaca dapat mengetahui sebagian artikel yang ada pada blog, dan jika ingin membaca lanjutannya maka klik "read more" di bawah ini, heheh

Tapi kali ini saya ingin berbagi tips untuk menampilkan judul artikel di belakang kata read more atau baca selengkapnya, baca lanjut atau kata-kata yang lainnya. (lihat gambar)

Langsung saja, untuk membuat read more yang diikuti judul artikel kita hanya perlu menambahkan beberapa kode lagi, dan pastikan bahwa di di blog sahabat sudah terdapat fasilitas read more. Kode tersebut kurang lebih seperti 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/>
<a expr:href='data:post.url'><strong>Read more...</strong></a></p>
</b:if>

Maka kita perlu mengubahnya menjadi seperti 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>
<strong><a expr:href='data:post.url'>Lanjut baca tentang: &#8220;<data:post.title/>&#8221; &#160;&#187;&#187; </a></strong>
</b:if>

Klik Pratinjau untuk melihat priviewnya, jika sudah Simpan Template.
Selamat mencoba & semoga bermanfaat...