oke sobat ternyata udah banyak yang nanyak bagaimana sivh caranya membuat readmore(baca selengkapnya) seperti diblog aku ini.khususnya untuk anak - anak SMAR IT yang lagi mengutak atik blog.
yach udah langsung aja aku kasih tahu cara nya .
1.langkah pertama sign in dulu di blogger.com
2.klik tata letak atau layout
3.klik edit HTML
4.jangan lupa klik "EXPAND TEMPLATE WIDGET"
5.Copy kode berikut diatas kode </HEAD>
<script src='http://geocities.com/miracle34x/antoxite/readmore2.js'
type='text/javascript'/>
6. cari kode di bawah ini :
<div class='post-body entry-content'>
7. Ganti kode tadi dengan kode di bawah ini:
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
8.kemudian cari kode di wah ini :
<p><data:post.body/></p>
9.tambah kan kode di wah ini di atas kode tadi :
<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>
10.klik simpan template atau save template
11.sekarang klik pengaturan atau setting
12.klik format
13.scroll layar ke bawah dan temukan kotak "post template" masukan kode ini:
<span id="fullpost">
</span>
14.klik simpan
untuk posting nya begini caranya :
15.klik tab posting ,pilih "buat"
16.klik edit HTML dan masukkan bagian postingan yang akan terlihat di halaman awal blog di atas kode
<span id="fullpost"> dan sisanya taruh dibawah kode tadi dan pastikan diatas kode </span>
selamat mencoba .
(dari berbagai sumber)
0 komentar:
Posting Komentar