Readmore Satu Halaman

Cara membuat readmore yang tidak perlu kita ke halaman posting dengan membuka tab baru, tapi tetap pada halaman blog itu juga atau menjadi memanjang kebawah. Dan ini bisa menghemat waktu akses, volume byte dan praktis. Kode-kode readmore dibawah ini bisa dikatakan readmore versi 2. Sebaiknya untuk mempercepat pengeditan kode HTML gunakan kombinasi tombol Ctrl+F, tekan bersamaan, masukkan kode yang mau dicari ke kolom Find. Tekan Next atau Previous untuk mencari kode yang lain yang sama.

Caranya sebagai berikut :

1. Buka account blogger.
2. Pilih "Layout" dan pilih "Edit HTML", centang "Expand Template Widget"
3. Cari kode </head>,
4. Copy kode berikut diatas kode </head>

<script src='http://geocities.com/asct14/readmore2.js'
type='text/javascript'/>

5. Cari kode ini, dengan bantuan Find :

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

6. Ganti kode <div class='post-body entry-content'> dengan kode dibawah ini:

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

7. Cari kode ini dengan bantuan Find :

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

8. Tambahkan kode dibawah ini, dibawah kode <p><data:post.body/></p> atau <data:post.body/>

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

9. Klik "Save Template"
10. Sekarang Klik Tab "Setting" dan pilih "Format"
11. Scroll kebawah sampai ketemu "Post Template", masukkan kode ini, terus simpan.

<span id="fullpost">
</span>

12. Untuk posting Klik "Edit HTML" , masukkan bagian postingan yang akan terlihat di halaman awal blog di atas kode <span id="fullpost"> dan yang tampil setelah tekan readmore dibawahnya dan pastikan sebelum kode </span>

Selamat mencoba.

Artikel Berkaitan