Membuat Readmore Versi Otomatis

Sedikit tips lagi untuk anda dalam pembuatan readmore. Kebanyakan yang dpake oleh blogger adalah readmore versi manual. seperti yang sudah saya bahas dalam "cara membuat readmore versi manual". nah begtulah contohnya. Dan pada kesempatan kali ini saya mengajak anda untuk mengenal dan membuat readmore versi otomatis. "Lho kok bisa.? kaya mobil aja ada manual dan ada yang otomatis"..hihihi..:D. penasaran? "yuk ikuti saya...
Bedanya yaitu dalam Readmore versi manual jka kita ingin membaca posting selengkapnya(klik Readmore), kita harus menunggu loading terlebih dahulu sampai halaman tersebut terbuka (Capwe Duueeehh.:D). Sedangkan Readmore versi otomatis kita tidak perlu menunggu loading untuk membuka sebuah halaman seluruhnya(klik Readmore), karena secara otomatis seluruh postingannya akan terbuka kebawah. Sudah mengerti kah anda..? sudah kan?? bagusss..baguss...

Lanjut...
Untuk membuatnya, ikuti langkah berikut dari awal sampai akhir..

1. Awal kisah anda Loggin dulu ke blogger, kemudian pergi ke Dasbor.
2. Setelah itu anda pilih Layot/Template-->> "Edit HTML".
3. Jangan Lupa Backup template anda terlebih dahulu.
4. Centang tulisan "Expand Template Widget" yang berada diatas.
5. Copy code berikut :

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

Kemudian letakkan diatas code </head>.

untuk mencari code </head> . tekan f3 pada keyboard, letakkan teks tersebut ke dalam kotak search.

jika sudah, selanjutnya anda cari code :

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

Lihat dibawah code tersebut, ada code begini (<div class='post-body entry-content'>).
Anda ganti dengan code berikut :

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

Sudah kan..??.. Kemudian anda lihat lagi dibawahnya ada code (<p><data:post.body/></p>). Tambahkan code berikut dan letakkan dibawah code tersebut.

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

6. Lihat Tulisan "Selengkapnya" dan "Ringkasan". anda bisa ganti tulisan tersebut dengan tulisan yang anda inginkan.
7. Kemudian simpan template.
8. Setelah itu anda pilih Setting-->"Pos dan komentar".
9. Masukan code berikut di dalam kotak Template Entri :

<span id="fullpost">


</span>

10.Simpan Settng.


Catatan : jika ingin membuat postingan, anda pilih HTML. lihat di pojok kiri atas. Untuk bagian awal postingan anda letakkan sebelum code <span id="fullpost"> . Dan untuk isi postng selengkapnya anda letakkan di antara code <span id="fullpost"> dan code </span>.

Selamat Berjuang ..: