Tak usah panjang lebar, langsung saja ini adalah cara pasang readmore versi baru :
1.LOGIN ke blogger
2.Kemudian klik tab menu Tata Letak lalu klik Lagi menu Edit HTML
3.Download dulu template blog kamu dengen meng-klik Download Template lengkap,Jadi jika nanti terjadi kesalahan kamu masih punya cadangan template kamu
4.Beri tanda centang pada Expand Template Widget
5.Cari kode </head> lalu copy kode berikut di atasnya.
<script type='text/javascript' src='http://amen24.googlepages.com/Readmore.js' />
6.Selanjutnya tambahkan kode berikut pada template kamu,Kode yang warnanya biru adalah kode asli template blog kamu,Dan kode yang berwarna merah adalah kode yang harus ditambahkan ke dalam tempalte blog kamu.
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<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 saja...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
.... rest of template code ....
7.Kemudian klik SIMPAN TEMPLATE
8.Langkah selanjutnya adalah klik Pengaturan lalu klik Format
9.Lalu copy dan paste kode berikut ini ke dalam kotak yang di sampingnya ada tulisan Template posting
<span id="fullpost">
</span>
10.Setelah itu klik Simpan Setting.
Cara Posting Artikelnya
1.Pada saat kamu memposting sebuah artikel,klik tombol Edit HTML. Maka secara otomatis akan tampil kode yang kaya di atas atau lebih jelasnya seperti ini .
<span id="fullpost">
</span>
2.Sisispkan artikel yang mau kamu tampilkan di atas kode <span id="fullpost">dan artikel yang ingin di sembunyikan di bawahnya sebelum kode</span>atau biar lebih jelas kaya gini .
Tulis disini artikel yang ingin ditampilkan
<span id="fullpost">
Tulis disini artikel yang ingin disembunyikan
</span>
Selesai...Semoga sukses ya.....
0 komentar:
Posting Komentar