Cara Membuat Read More Plus Judul Artikel

Estetika dan Kecantikan Gigi S.A.S

Perbaikan dan Restorasi Gigi

Ig @ahligigijember

KLIK ahligigijember.blogspot.com

Sebelumnya telah di bahas trik atau cara membuat read more pada postingan, agar postingan terlihat lebih simple dan rapi..

Tapi, mungkin temen temen pernah melihat atau mengunjungi suatu web/blog yang read morenya di ikuti oleh judul artikelnya, yang mana kesanya lebih bagus lagi. Pastinya akan terlihat lebih keren kan?

Bagi temen temen yang ingin menggunakan read more dengan model seperti itu caranya cukup mudah kok, karena kita hanya menambahkan sedikit kode pada read more yang kita pakai sebelumnya.

Jiak sebelumnya kita menggunakan code read morenya 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/>

<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>

</b:if>

Kita cukup tambahkan code seperti di bawah ini di belakang kalimat "Selengkapnya" dan sebelum tanda tutup HTML :
&#8220;<data:post.title/>&#8221; &#160;&#187;&#187;

yang nantinya code tersebut akan berubah 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'>Selengkapnya... &#8220;<data:post.title/>&#8221; &#160;&#187;&#187; </a></strong>

</b:if>

Hemmm.. Mudah kan..? Selamat mencoba..

Foto Tentang Kecantikan Gigi Versi Tukang Gigi S.A.S
Koleksi Foto Hasil Perbaikan Gigi
Ig@ahligigijember
ahligigijember.blogspot.com