selangkah demi selangkah readmore versi baru

gag perlu banyak kata2, postingan ini hanya memperjelas postingan yang lama tentang readmore versi baru, langsung aja :


1. masuk ke http://www.blogger.com >> login >> di menu dashboard klik pilihan layouts >> di menu layouts klik tab-edit HTML >> di menu html jangan lupa back up dulu templates kita untuk mencegah sesuatu hal yang tidak kita inginkan trjadi dan jangan lupa pula untuk mencentang EXPAND WIDGET >> lalu tambahkan kode kode berikut

cari </head> kalau sudah ketemu simpan kode di bawah ini tepat di atas kode </head> ini

<script type='text/javascript' src='http://www.anniyalogam.com/widgets/hackosphere.js' />

2. setelah itu cari code yang sama persis pada gambar di bawah


dan setelah ketemu ikuti persis sepeti gambar di atas dengan memblok code
<div class="post-body entry-content">
<p><data:post.body/></p>

dan lagi setelah di blok code yang di blok itu di GANTI (bisa di hapus atau di timpa) dengan kode di bawah ini

<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);'>lanjut kang</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>ringkasannya saja</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

jika benar maka hasilnya akan seperti di bawah ini

<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<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);'>lanjut kang</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>ringkasannya saja</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>

KLIK SIMPAN TEMPLATE


lagkah selanjutnya

>> klik menu PENGATURAN >> klik tab-FORMAT

>> copy kode berikut lalu letakan tepat di kolom TEMPLATE POSTING


<span id="fullpost">


</span>


>> klik SIMPAN SETTING

>> dan selesai

Cara posting artikel

letakan artikel yang mau di readmore disini <span id="fullpost">
dan artikel yang akan di summary only simpan di sini </span>

semoga bisa lebih jelas