KLIK READ MORE TANPA LOADING
read more sejatinya adalah pemenggalan postingan
yang bertujuan memperingan loading halaman dan memperluas tampilan jumlah postingan
di halaman utama blog kita
tips ini aku ambil dan kusadur dari sobatku seipairing
setelah kucoba memang berhasil makanya ku terbitkan xixixixi
contohnya ada disini neh...blog sampleku
tapi mohon maaf dibeberapa template modifan read tanpa loading ini tdak berjalan
so buat yang mau coba silahkan aja...
lumayan ko buat bikin readmore tanpa loading...
masuklah ke akun blogger anda
Edit HTML.
Expand Template Widget
pertama carilah kode ini </head>
kemudian anda taruh kode dibawah ini
persis di atasnya
<script type='text/javascript' src='http://amen24.googlepages.com/Readmore.js' />
kemudian anda cari kode ini
<div class='post-body' expr:id='"post-" + data:post.id'>
hapus kode tersebut diatas
kemudian ganti dengan kode yang berwarna merah dibawah ini
<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 -->
tapi dengan catatan yah...
sebelum nyoba ngedit template anda
terlebih dahulu backup template anda takut terjadi eror aja...xixixixixi
trus di pengaturan posting sudah anda siapkan
<span id="fullpost">
</span>
</span>
selayaknya bikin readmore itu tuh...
kalau belum baca aja di sini yah..
selamat mencoba semoga bermanfaat
0 comments:
Post a Comment