Mungkin ada yang berhasil ada juga yang gagal tapi Insya Allah teman-teman semuanya berhasil dengan baik.
Jika teman berhasil silahkan share juga sama teman yang lain, jika gagal silahkan mencobanya kembali.
Pada pelajaran kali ini Cara membuar readmore sejajar dengan paragrap.
Lihat contohnya dibawah ini:
Selengkapnya...
Jika tulisan Selengkapnya... ingin sejajar.
Baiklah caranya begini.
Pada postingan yang lalu tukang arsip menulis kode begini pada artikel membuat readmore mudah kok :
<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'><b>Selengkapnya.....</b></a>
</b:if>
Agar kode read more atau Selengkapnya... sejajar dengan postingan atau artikel yang anda buat, anda tinggal memindahkan kode yang saya cetak merah </p> , sehingga menjadi 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'><b>Selengkapnya.....</b></a></p>
</b:if>
Ketika anda posting, jangan memakai kode seperti ini :
<div class="fullpost">
</div>
Tapi pakailah kode seperti ini :
<span class="fullpost">
</span>
Ikuti tutorial di atas , Insya Allah read more nya nanti sejajar dengan postingan.
Nanti saya lanjutin lagi dengan read more versi lain.