Cara Membuat Read More (Versi 2)

Di trik Read more versi 2 ini, kita akan membuat link Read more yang jika kita meng-klik link tersebut, maka keseluruhan artikel akan terpampang dibawahnya, jadi tidak perlu meload ke halaman yang lain.

Untuk caranya ikutilah langkah-langkah berikut :

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Untuk amannya back up dulu template mu, supaya bisa dikembalikan seperti semula kalau ada kesalahan.Caranya klik Download Full Template lalu simpan.
4. Kopi kode berikut ini dan taruh tepat diatas kode </head>

<script src='http://www.geocities.com/adeha_182/Readmore.js'
type='text/javascript'/>

5. Cari kode dibawah ini

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

kalo dah ketemu maka dibawahnya ada kode 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"'>

6. Cari kode ini dibawah kode diatas. (bisa juga dengan tekan Control+F di keyboardmu)

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

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

8. Tulisan 'Selengkapnya' dan 'Ringkasan' bisa diganti dengan kata yang kamu suka.

9. Lalu simpan template.

10. Pilih menu Setting -->> Formatting
11. 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>

Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalaman utama (sebelum tulisan "Selengkapnya") diatas kode ini : <span id="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span id="fullpost"> dan </span>

11.Selesai.

12. Untuk melihat contoh silahkan klik disini (klik di bagian Selengkapnya)