Membuat Read more Sejajar Dengan Paragrap

Eh udah ah, intermezo nya jadi kepanjangan. Pada kesempatan kali ini kang rohman mau membahas pertanyaan dari sobat kang rohman yang masih penasaran tentang membuat menu read more atau menu baca selengkapnya. Katanya beliau ini ingin membuat menu read more yang sejajar dengan paragrap yang ada, tidak seperti yang Dede Efendi bahas di sini, di sini, atau di sini, yang katanya kurang menarik karena tulisan Read more atau Baca Selengkapnya tidak sejajar dengan paragrap postingan. Mungkin yang di maksud seperti ini kalii yee :

Ada kabar gembira buat anda para pebisnis, baik itu bisnis online ataupun offline. Mulai saat ini ada program baru di blog nya kang rohman yaitu " Iklan Dalam Bentuk Posting ", benar-benar dalam bentuk posting. Pada umumnya sebuah iklan adalah berupa banner link atau berupa text link, maka di blog kang rohman anda boleh beriklan dalam bentuk " Posting ".

Mungkin tulisan Selengkapnya ingin sejajar seperti ini kalii yee :

Ada kabar gembira buat anda para pebisnis, baik itu bisnis online ataupun offline. Mulai saat ini ada program baru di blog nya kang rohman yaitu " Iklan Dalam Bentuk Posting ", benar-benar dalam bentuk posting. Pada umumnya sebuah iklan adalah berupa banner link atau berupa text link, maka di blog kang rohman anda boleh beriklan dalam bentuk " Posting ". 

Bisa engga ya jadi seperti itu? bisa atuh, dan anda tidak perlu meluangkan banyak waktu serta cucuran keringat untuk membuatnya. caranya seperti ini :

Pada postingan yang lalu tentang membuat menu Selengkapnya, Dede Efendi menuliskan kode 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/></p>
<a expr:href='data:post.url'><b>Selengkapnya.....</b></a>
</b:if>



Agar kode read more atau selengkapnya menjadi sejajar dengan postingan, anda tinggal memindahkan kode </p> yang saya cetak merah, 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>



Pada saat posting, jangan memakai kode seperti ini :


<div class="fullpost">


</div>


Tapi pakailah kode seperti ini :


<span class="fullpost">


</span>


Jika anda melakukan langkah di atas, maka tulisan Read more atau selengkapnya akan sejajar dengan postingan anda.

Selamat mencoba !