Membuat Read More Versi Baru

Waktu itu iseng2, blog walking, heheh biar tetep langsing, eh ketemu blog yg Read More nya beda, keren deh, ga perlu Be Te nungguin loading buat buka windows baru, tulisannya muncul di bawah, hemat waktu bukan??! Yah dimulai deh, berburu di oom google, nyari gmn cara buatnya tuh, dan ketemu la satu blog yang isinya tentang Tips & Trik ngeblog, ngebantu banget. Nah buat temen2 yang uda mampir di sini, sy copy paste'in yah, ikutin aja langkah2nya, sy uda nyoba kok berhasil...

Berikut ini langkah-langkahnya:

1. Login ke Blogger
2. Pilih Layout --> Edit HTML
3. Back up dulu template yang ada, biasanya sy copy all trus paste ke Notepad, simpan deh
4. Beri tanda centang pada kotak yang bertuliskan Expand Template Widget
5. Copy kode berikut ini dan taruh tepat diatas kode </head>

<script src='http://kendhin.890m.com/Readmore.js'
type='text/javascript'/>

6. Klo sudah cari kode seperti ini: <div class='post-header-line-1'/>

7. Di bawahnya ada kode seperti ini: <div class='post-body entry-content'>. Dan ganti kode tersebut menjadi:

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

8. Kemudian di bawahnya ada kode seperti ini: <p><data:post.body/></p>
9. Tambahkan kode ini di bawahnya:
<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>

10. Jadi keseluruhan 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>

11. Tulisan 'Selengkapnya' dan 'Ringkasan' bisa diganti dengan yang lain
12. Lalu simpan template.
13. Pilih menu Setting -->> Formatting
14. Dibagian "Post Template" isikan kode di bawah ini: (tulis di dalam kotak)
<span id="fullpost">


</span>

15. Simpan dan selesai deh

Oiya, klo mau posting tulisan, pilih yang "Edit Html", letakkan tulisan yg akan ditampilkan di halaman muka di atas kode <span id="fullpost">, sementara sisanya yaitu keseluruhan tulisan letakkan di antara kode <span id="fullpost"> dan </span>