Cara Membuat Read More Lebih Efisien dan Efektif

1. Buka Edit HTML : copy kode dibawah ini dan paste diatas kode </head>

<script type='text/javascript' src='http://bloggermaster.googlecode.com/files/Readmore.js' />


2. Buka Edit HTML : cari kode awal<div class='post-header-line-1'/>.....s/d.....kode akhir<!-- clear for photos floats -->, copy kode dibawah ini dan ganti kode diatas (sesuaikan kode awal dan kode akhirnya)

<div class='post-header-line-1'/>
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<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 saja...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->


3. Buka New Posting : Tulis Judul Postingan dan tulis isi postingan dimulai dari kode <span id="fullpost"> dan akhiri postingan dengan </span>


Catatan:
Penulisan kode <span id="fullpost"> dan kode </span> harus dilakukan pada postingan dengan pilihan Edit HTML (bukan Compose). Postingan yang berada diantara kode <span id="fullpost">.....dan.....</span> adalah merupakan postingan yang dihidden (disembunyikan)

0 comments:

Post a Comment

Keywords: , Cara Membuat Read More Lebih Efisien dan Efektif