Membuat Read more Sejajar Dengan Paragrap

Cara Blogging - 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 kang rohman bahas di sini,

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 ".



Selengkapnya

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 ". Selengkapnya

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, kang rohman 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 !