Readmore Satu Halaman

Readmore satu halaman adalah readmore yang membuka memanjang kebawah dalam satu halaman itu jika kata readmore tersebut di klik. Seperti readmore yang dipakai pada blog ini. Untuk mempercepat pencarian 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 klik disini.
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:

<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:

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

8. Tambahkan kode dibawah ini, dibawah kode <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);'>[+/-] 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 "Simpan Template"
10. Sekarang Klik Tab "Setting" dan pilih "Format"
11. Scroll kebawah sampai ketemu "Post Template", masukkan kode ini

<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 diatas kode </span>

13. Dan bagi yang senang dengan tampilan readmore yang lebih komunikatif, kata-kata [+/-]Readmore... dan [+/-]Summary.. diatas bisa diganti dengan kode &#8220;<data:post.title/>&#8221; Dengan penggantian kode tersebut kata readmore akan berganti dengan Judul Postingan dan itu akan berganti secara otomatis jika kita melakukan postingan yang baru.

Selamat mencoba.

Postingan Lainnya