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:

  © Asep's Web Blog Nightingale by Pagari 2008

Back to TOP