Apa itu read more ? Read more adalah fasilitas blog yang difungsikan untuk membatasi tampilan posting pada blog, jadi yang keliatan cuma sedikit aja. Jika ingin melihat posting yang lebih lengkap, tinggal diklik deh read more nya. Seperti ini loh gambarnya
Biasanya template blog yang baru sudah dilengkapi fasilitas ini. Tapi apa salahnya toh kita tahu cara memasangnya, biar ilmunya ngalir terus ke teman-teman yang lain. Berikut adalah langkah-langkahnya
1. Log in Blogger
2. Klik Tata Letak dan edit html dan klik download template lengkap sebagai backup data
3. Beri tanda centang pada kolom kecil expand template widget
4. Cari kode <head> dan copy kode berikut tepat diatas kode <head>
<script src='http://kendhin.890m.com/Readmore.js' type='text/javascript'/>
5. Setelah selesai cari kode <div class='post-header-line-1'/> dan ganti kode tersebut menjadi seperti dibawah ini
9. Klik save dan selesai deh . hehehe
selamat mencoba
sumber : http:trik-trips.blogspot.com
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "item"'>
6. Kemudian cari lagi kode <p><data:post.body/></p> dan copy kode berikut tepat dibawah kode tadi
7. Klik simpan
8. Kali ini klik pengaturan (setting) dan klik format (formatting). Simpan kode berikut dikolom kosong paling bawah
<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>
<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>
7. Klik simpan
8. Kali ini klik pengaturan (setting) dan klik format (formatting). Simpan kode berikut dikolom kosong paling bawah
<span id="fullpost">
</span>
</span>
9. Klik save dan selesai deh . hehehe
selamat mencoba
sumber : http:trik-trips.blogspot.com
1 komentar:
Makasyiihh infonya... sukses yaa sooobbb... tengkyuuuu...
Post a Comment