Membuat "Read More" Versi 2

Kali ini saya akan sharing bagaimana cara membuat Read More versi 2 seperti yang saya gunakan sekarang. .. Berikut ini caranya :

1. Login ke Blogger
2. Pilih Layout --> Edit HTML
3. Jika ingin memback-up template klik tulisan Download Template lalu simpan
4. Beri tanda contreng pada kotak yang bertuliskan Expand Template Widget


Copy kode berikut ini dan taruh tepat diatas kode </head>
<script src='http://kendhin.890m.com/Readmore.js'
type='text/javascript'/>


kemudian cari kode dibawah ini
<div class='post-header-line-1'/>


Dibawahnya terdapat kode seperti ini
<div class='post-body entry-content'>


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


Terus dibawahnya terdapat kode seperti ini
<p><data:post.body/></p>


Tambahkan kode ini dibawahnya
<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>


jadi seluruh kodenya akan menjadi seperti ini :
<div class='post-header-line-1'/>
<div class='post-body entry-content' 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...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

5. Tulisan Selengkapnya dan Ringkasan bisa diganti dengan apa aja kata yang kamu suka.
6. Lalu simpan template.
7. Pilih menu Setting -->> Formatting


Di bagian bawah ada kotak yang disampingnya ada tulisan Post Template, dan isikan kode dibawah ini ke dalamnya lalu simpan
<span id="fullpost">


</span>

selesai....


kalo memposting pilih yang Edit Html, letakkan abstraksi posting yg akan ditampilkan di halaman muka di atas kode <span id="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode </span>

Untuk Lebih mempermudah pencaharian tekan ctrl+f & copy paste tulisan yang akan dicari.

Sumber