Membuat Read More / Baca Selengkapnya Versi Baru
Apa bedanya dengan Baca Selengkapnya versi lawas? Kalau di baca selengkapnya versi lawas kan artikel lengkap akan terbuka pada halaman baru, jadi perlu proses loading lagi. Nah, yang ini artikel lengkap langsung tampil dibawahnya begitu diklik. Jadi gak perlu loading lagi.....
Langkah-langkah untuk membuatnya:
1. Login ke blogger
2. Klik Layout/Tata Letak (sekarang Design/Rancangan)
3.Klik Edit HTML
4.Jangan lupa beri tanda centang pada Expand Template Widget
5.Letakkan kode berwarna biru di bawah ini tepat di atas kode </head>
<script src='http://kendhin.890m.com/Readmore.js'
type='text/javascript'/>
6. Kalau sudah kamu cari kode berikut <div class='post-header-line-1'/>
Nah, kalau ketemu lihat dibawahnya kan ada kode <div class='post-body entry-content'>
Nah, ganti kode berwarna merah tersebut dengan kode ini:
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
7. Kebawah lagi ada kode <p><data:post.body/></p>
Tambahkan kode berwarna biru berikut di bawahnya:
<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);'>Baca Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Lihat Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
8. Tulisan Baca selengkapnya/lihat ringkasan bisa kamu ganti sesukamu
9. Simpan Tenplate
Langkah berikutnya:
10. Klik Tab setting/Pengaturan
11. Klik Format
12. Lalu di bagian bawah ada kotak post template, isikan:
<span id="fullpost">
</span>
13. Seperti sebelumnya.... teks yang akan dimunculkan diletakkan diatas <span id="fullpost">
dan yang akan disembunyikan diletakkan diantara <span id="fullpost"> dan </span>
Langkah-langkah untuk membuatnya:
1. Login ke blogger
2. Klik Layout/Tata Letak (sekarang Design/Rancangan)
3.Klik Edit HTML
4.Jangan lupa beri tanda centang pada Expand Template Widget
5.Letakkan kode berwarna biru di bawah ini tepat di atas kode </head>
<script src='http://kendhin.890m.com/Readmore.js'
type='text/javascript'/>
6. Kalau sudah kamu cari kode berikut <div class='post-header-line-1'/>
Nah, kalau ketemu lihat dibawahnya kan ada kode <div class='post-body entry-content'>
Nah, ganti kode berwarna merah tersebut dengan kode ini:
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
7. Kebawah lagi ada kode <p><data:post.body/></p>
Tambahkan kode berwarna biru berikut di bawahnya:
<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);'>Baca Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Lihat Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
8. Tulisan Baca selengkapnya/lihat ringkasan bisa kamu ganti sesukamu
9. Simpan Tenplate
Langkah berikutnya:
10. Klik Tab setting/Pengaturan
11. Klik Format
12. Lalu di bagian bawah ada kotak post template, isikan:
<span id="fullpost">
</span>
13. Seperti sebelumnya.... teks yang akan dimunculkan diletakkan diatas <span id="fullpost">
dan yang akan disembunyikan diletakkan diantara <span id="fullpost"> dan </span>
Mantabs juga ni tips na..!
BalasHapusgak perlu loading jadi nunggunya gak lama lagi!
siip da..! i like this!
ya seneng juga kalo ada yang seneng
BalasHapusmas aku coba tapi yang keluar judul awal pas baca selengkapnya ga bisa dibuka...yang kedua bisa dibuka tapi direcent pots...gimana solusinya
BalasHapusdicoba lagi mas :D
BalasHapusselama ini normal kok
kalau gak alternatif ini aja
http://www.masdoyok.co.cc/2009/08/readmore-otomatis-plus-judul-postingan.html
tetep gak berhasil!
BalasHapushiks...
pilih yg otomatis mas
BalasHapuskedua itu berhasil namun mungkin gagal karena mas salah nempatin yg maualnya
]
nah mending yg otomatis... ada kok :)
Halo mas,
BalasHapusReadmore nya udah kucoba tapi... kenapa tulisan readmorenya ngga kebuka ya??
Coba mas datengi blog saya di http://www.mp3-review.tk/
Mohon bantuannya ya...
mas saya sarankan pake readmore otomatis saja "D
BalasHapuswoy aku dak ngerti.
BalasHapuskan sesudah edit template aku setting format.Sudah itu aku tulis di atas span dan diantara span.sudah itu dak muncul di depan.kayak mana neh
gan. saya buat ko nda bisa yaa ?
BalasHapusmmg ada tulisan 'baca selengkapnya'..
tapi tetap aja full post..
postinganx ngga terpotong..
mohon solusinya..
bodoh!!!!!!! susah gila nak buat bangang punya read more sial
BalasHapusKenapa saya kode yg nmr 7 ga ada ya?hahaha..gagal eui
BalasHapusAssalamualaikum
BalasHapusmohon postingan ini di cek kembali ada hal2 yang salah