Cara Membuar Read More Versi 2...!!!
Wednesday, May 20, 2009
Ini adalah cara membuat read more versi 2 apabila versi 1 tidak bisa di gunakan...
Langsung saja, langkah2:
1. Login ke blogger.com
2. Masuk ke Layout
3. Pilih edit html
4. Cari kode berikut
<div class='post-header-line-1'/>
5. Kalau sudah cari kode di bawah ini...
<div class='post-body entry-content'>
6. Ganti Kode diatas menjadi :
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
7. Di bawahnya kan ada kode :
<p><data:post.body/></p>
8. Tambahkan kode dibawah ini setelah kode di atas..
<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>
9. Tulisan 'Selengkapnya' dan 'Ringkasan' bisa diganti dengan apa aja kata yang kamu suka.
10. Lalu simpan template.
11. Pilih menu Setting -->> Formatting
12. 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>
10. Selesai...
Catatan:
Letakkan postingan yang akan ditampilkan di atas kode :
<span id="fullpost">
Sementara sisanya yaitu keseluruhan posting letakkan di antara kode
<span id="fullpost"> dan </span>
11. Sekian Terima Kasih


0 comments:
Post a Comment