Mutiara Kata



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... peace


Rujukan; Eriyza
Blog Widget by LinkWithin

Untuk pengetahuan pengunjung, Blog ini tidak lagi aktif dan saya sudah pun berpindah ke Blog Wordpress.org. Terima Kasih diatas sokongan anda sebelum ini.
Sudi-sudilah mengujungi Blog Wordpress saya di sini...
ANOTHER STRANGE GIRL STORIES

1 Kata Pelawat:

bRoMiNe_aJe said...

tak paham dekat kod unggu tu la..plizzzzzzzzzz

Post a Comment

Terima Kasih, kerana sudi berbicara di sini...

Blog Widget by LinkWithin
 
Powered By Blogger | Design By iEn © 2008 | Edited By AkuroSan | Kontes Review Klinik Cinta | Contest SEO Eridy | Best View: Firefox | Top