Cara Membuat Readmore

Readmore


Pasti dah banyak tahu ya tentang readmore dan cara pembuatannya. Tapi kalau mungkin ada yang belum tahu boleh kok menyimaknya. Readmore sendiri itu adalah suatu fasilitas untuk meringkas artikel atau postingan kita. Apabila postingan kita panjang dan tidak diberi readmore pastinya akan kelihatan panjang lebar dan jelek. Nah untuk itu disediakan jasa namanya readmore. Berikut ini adalah langkah-langkahnya:


1. Rancangan/Tata Letak--->Edit HTML.


2. Centang pada kotak kecil disamping tulisan Expand Widget Template


3. Cari kode </head>, kemudian copy paste code berikut ini tepat sebelumnya.


<script src='http://blogipank.fileave.com/readmore2.js'
type='text/javascript'/>


4. Cari kode berikut ini:


<div class='post-body entry-content'>


5. Ganti kode diatas dengan kode berikut ini:


<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>


6. Cari kode berikut:


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


7. Kemudian copy paste kode berikut ini tepat dibawah kode diatas


<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>



NB: Warna merah diatas bisa sobat ganti dengan kata-kata yang lain.


8. Klik Simpan


9. Klik menu Pengaturan-->Format-->Template Posting. Copy paste code berikut ini:


<span id="fullpost">


</span>


10. Simpan


Ketika sobat memposting artikel baru, dipojok atas tempat postingan ada pilihan Edit HTML dan Tulis. Sobat pilih saja yang Edit HTML. Trus akan muncul kode seperti ini:


<span id="fullpost">


</span>


Untuk tulisan yang tampil dihalaman di tempatkan sebelum kode: <span id="fullpost">


Dan untuk tulisan yang di ringkas ditempatkan sesudah kode tersebut.


Selesai deh, memang agak ruwet, tapi tetap semangat ya...