Membuat Readmore

Ada beberapa baris kode dasar dari posting yang perlu di cermati .

<div class='post-body'>

<p><data:post.body/></p>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

Perhatikan baik-baik kode di atas, itu merupakan kode asli dari template sobat sebelum di otak-atik. Yang kita perlukan sekarang adalah menambahkan beberapa baris kode html. Langsung saja kita lihat kode / tulisan yang berwarna merah di bawah ini.

<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p> <!-- satu -->

<b:else/>

<style>.fullpost{display:none;}</style>

<p><data:post.body/></p> <!-- dua -->

<a expr:href='data:post.url'>Read more.....</a>

</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

Kode di atas sengaja di bedakan warnanya, warna biru merupakan kode asli dari template, warna merah merupakan kode yang harus di tambahkan. Yang perlu sobat perhatikan dengan teliti adalah kode ini :

<p><data:post.body/></p>

Kode di atas harus di pastikan ada dua tidak boleh ada satu karena jika ada satu maka postingan sobat bisa hilang semuanya, akan tetapi sebenarnya seluruh postingan tidak hilang, akan tetapi tidak di perlihatkan alias di sembunyikan. Postingan di perlihatkan dan di sembunyikan karena kode :

<style>.fullpost{display:inline;}</style>

<style>.fullpost{display:none;}</style>

{display:inline;} artinya di tampilkan, dan {display:none;} artinya jangan di tampilkan alias sembunyikan dan kode inilah apabila salah pemasangan mengakibatkan semua postingan menjadi tidak di tampilkan, jadi apabila di satukan dari seluruh kode, maka kira-kira seperti ini :

Tampilkan postingan

Jangan tampilkan postingan

Tampilkan postingan apabila di klik link Read more...

Langkah yang tak kalah pentingnya yaitu sobat harus memasang kode Readmorenya pada tab Edit HTML jangan pada tab Compose, serta kode Read more... harus selalu di tutup. Contoh pemasangan kode read more... pada artikel seperti ini :

Ini adalah tulisan pada paragrap pertama yang akan muncul di halaman muka blog, paragrap - paragrap lainnya akan muncul apabila pengunjung blog meng klik link Read more...

<div class="fullpost">

tulisan / paragraf yang ingin disembunyikan


</div>

Anda ingin lihat contoh yang asli silahkan klik di sini

Baca juga yang ini....