Membuat Paparan 'Read More...'

Ini ada request dari NeeChan yang mahukan kod untuk membuat paparan 'Read More...' pada posting. Ok, dibawah ini saya sediakan kod yang diminta dan cara memasangnya. Baca dengan teliti ya...


1. Login Blogspot.
2. Masuk dalam ruangan Layout.
3. Klik pada Edit HTML. (Tanda pada kotak 'Expand Widget')
4. 'Download Full Template' sebelum mengedit blog.
5. Tekan [Ctrl+F], dan cari kod </head>.
6. Copy kod dibawah, dan paste kod ini diatas kod </head> tadi.

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

7. Cari pula kod dibawah.

<b:includable id='post' var='post'>

8. Tambahkan kod berwarna ungu seperti dibawah.

<b:includable id='post' var='post'>
<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>
<b:if cond='data:post.title'>
<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'>

<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 href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'>Read More...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'>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>

9. Save template.
10. Selepas itu, masuk ruangan 'Setting' dan klik pada 'Formatting'.
11. Masukkan kod di bawah, ke dalam 'Post Template'.

Summary
<span id="fullpost">
Full story
</span>

12. Kemudian 'Save Setting'.
13. Untuk mencuba sama ada ia berfungsi atau tidak, cuba 'Create New Post'. Lihat sama ada kod seperti diatas tertera pada bahagian 'Edit HTML' posting. Mulakan penulisan seperti dibawah;

Taip di sini untuk bahagian paparan ringkas.
<span id="fullpost">
Selanjutnya taip di sini untuk paparan penuh.
</span>

14. Ok, sudah pun siap! Selamat Mencuba...


Rujukan; Eriyza