Bikin Read More untuk Posting Panjang

Apabila anda ingin membuat posting yang panjang menjadi singkat sehingga tidak terlalu memenuhi halaman anda bisa menggunakan fasilitas ini, tetapi ini hanya berlaku untuk template baru, sedang untuk template klasik tidak bisa.

Fasilitas ini dibuat oleh Ramani dan Hans, kemudian telah di Indonesiakan oleh Kang Rohman, fasilitas ini berbeda dengan fasilitas read more yang lain karena pada saat kita klik read more artikel dibawahnya langsung muncul tanpa harus loading lagi, bila ingin tampilan singkat lagi tinggal di klik tulisan summary only. Fasilitas ini sudah saya gunakan di blog ini. Coba anda klik tulisan read more dibawah ini

Untuk memasang di blog anda ikuti langkah-langkah berikut :
- Klik menu layout
- Klik menu Edit HTML
- Klik tulisan Download Template lengkap, silahkan save dulu template anda
- Klik kotak kecil di samping kanan tulisan Expand Template Widget
- Copy kode berikut, lalu paste tepat di atas kode </head>


<script type='text/javascript' src='http://amen24.googlepages.com/Readmore.js' />

Tambahkan kode berikut pada kode template anda, Carilah dengan menekan tombol Ctrl+F di keyboard, masukkan tulisan <h3 class='post-title'> dan tekan enter.
Yang berwarna hitam adalah kode asli dari kode template dan yang berwarna merah adalah kode yang harus di tambahkan,

<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);'>[+/-] Read more...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'
href='javascript:void(0);'>[+/-] Summary only...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
$lt;/div>
.... rest of template code ....

Tulisan read more dan summary only pada kode diatas bisa anda ganti sendiri dengan bahasa Indonesia atau terserah anda…

- Klik tombol SIMPAN TEMPLATE

Langkah selanjutnya :
- Klik menu Pengaturan
- Klik menu Format
- Copy kode berikut lalu paste pada kotak kosong yang berada di samping tulisan Template posting

Artikel ringkas
<span id="fullpost"7>
artikel lengkap
</span>

- Klik tombol Simpan Setting....Selesai.

Pada saat bikin post, artikel yang akan ditulis awal diletakkan diatas kode <span id=”fullpost”>, sedang yang akan diringkas diletakkan dibawahnya tapi diatas kode </span>

Semoga bermanfaat…

Untuk download software dan game gratis... klik disini …