"Readmore", tanpa harus pindah ke halaman lain

Sering kita jumpai dalam penulisan "Readmore" pada blog-blog yang ada, apabila kita klik maka akan loading kembali. Apabila loading dari blog tersebut cepat itu tidak masalah, namun apabila loadingnya lambat?? Tentu hal ini akan berpengaruh dari minat pengunjung blog kita untuk membaca artikel selanjutnya.

Lalu bagaimana cara mengantisipasi agar readmore saat diklik tidak loading ulang?

Berikut adalah cara memasang kode readmore tersebut :

1. Login ke Blogger
2. Pilih Layout ------ Edit HTML
3. Sebelumnya back-up template dengan klik tulisan Download Template lalu simpan.
4. Beri tanda centang pada kotak yang bertuliskan Expand Template Widget
5. Copi kode berikut ini dan paste tepat di atas kode </head>

<script src='http://nataludin.googlepages.com/javascript-readmore.txt' type='text/javascript'/>

6. Apabila sudah, cari kode dibawah ini :

<div class='post-header-line-1'/>

7. Dibawahnya terdapat kode berikut :

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

8. Ganti kode tersebut menjadi seperti ini:

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

9. Dibawahnya ada kode :

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

10. Tembahkan 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);'>[+/-] Readmore/ 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. Apabila langkah di atas sudah dijalankan, maka seluruh kodenya akan menjadi seperti ini :

<div class="post-header-line-1"> <div class="post-body entry-content" expr:id="&quot;post-&quot; + data:post.id"> <b:if cond="data:blog.pageType == &quot;item&quot;"> </b:if> <data:post.body></data:post.body> <b:else> <style> #fullpost {display:none;} </style> </b:else> <data:post.body></data:post.body> <span id="showlink"> </span> <a expr:onclick="&quot;javascript:showFull(\&quot;post-&quot; + data:post.id + &quot;\&quot;);&quot;" href="javascript:void(0);">[+/-] Readmore/ Selengkapnya...</a> <span id="hidelink" style="display: none;"> </span> <a expr:onclick="&quot;javascript:hideFull(\&quot;post-&quot; + data:post.id + &quot;\&quot;);&quot;" href="javascript:void(0);">[+/-] Ringkasan...</a> <script type="text/javascript"> checkFull("post-" + "<data:post.id/>") </script>

12. Tulisan 'Readmore/ Selengkapnya' dan 'Ringkasan' bisa diganti dengan apa aja kata yang kamu suka.

13. Lalu simpan template.

14. Pilih menu Setting --- Formatting

15. Di bagian bawah ada kotak yang disampingnya ada tulisan "Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting.

<span id="fullpost">

</span>

16. Pemenggalan kalimat yang diinginkan muncul di jendela utama ditaruh di atas kode <span id="fullpost">, kemudian sisanya di bawah kode tersebut dan diakhiri dengan kode </span>.

17. Dalam penulisan posting sebaiknya di jendela Edit HTML, hal ini untuk menghindari adanya double code sehingga fungsi dari HTML tidak aktif.

Selamat mencoba.