Home » » Membuat Read More / Baca Selengkapnya Versi Baru

0 Membuat Read More / Baca Selengkapnya Versi Baru

Apa bedanya dengan Baca Selengkapnya versi lawas? Kalau di baca selengkapnya versi lawas kan artikel lengkap akan terbuka pada halaman baru, jadi perlu proses loading lagi. Nah, yang ini artikel lengkap langsung tampil dibawahnya begitu diklik. Jadi gak perlu loading lagi.....

Langkah-langkah untuk membuatnya:

1. Login ke blogger
2. Klik Layout/Tata Letak (sekarang Design/Rancangan)
3.Klik Edit HTML
4.Jangan lupa beri tanda centang pada Expand Template Widget
5.Letakkan kode berwarna biru di bawah ini tepat di atas kode </head>

<script src='http://kendhin.890m.com/Readmore.js'
type='text/javascript'/>

6. Kalau sudah kamu cari kode berikut

<div class='post-header-line-1'/>

Nah, kalau ketemu lihat dibawahnya kan ada kode

<div class='post-body entry-content'>

Nah, ganti tersebut dengan kode ini:

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>

7. Kebawah lagi ada kode <p><data:post.body/></p>

Tambahkan kode berwarna biru berikut di bawahnya:

<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);'>Baca Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Lihat Ringkasan...</a></p>
</span&gt
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

8. Tulisan Baca selengkapnya/lihat ringkasan bisa kamu ganti sesukamu
9. Simpan Tenplate
Langkah berikutnya:
10. Klik Tab setting/Pengaturan
11. Klik Format
12. Lalu di bagian bawah ada kotak post template, isikan:

<span id="fullpost">



</span>

13. Seperti sebelumnya.... teks yang akan dimunculkan diletakkan diatas <span id="fullpost">

dan yang akan disembunyikan diletakkan diantara <span id="fullpost"> dan </span>
Anda suka atau merasa artikel ini bermanfaat? Jika ya, mohon kesediaannya untuk meng-klik tombol Plus One yang ada di samping ya. Terima kasih
related post :

0 Testimonial:

SILAHKAN KOMENTAR

Maturnuwun sampeyan sudah mampir di Blog Mas uwah, tinggalkan komentar untuk menjalin persahabatan ingat NO SPAM.

 

Copyright © 2011 Mas Uwah is proudly powered by Blogger.com | Return to top

Grab this blog to mobile version on http://trikbloggers.blogspot.com/?m=1

Mas uwah | Trik blogger | Optimasi seo