Membuat Readmore di dalam scroll box

Sebelum ini su telah mengajar korang bagaimana cara membuat semua post korang berada didalam scroll.



Petikan imej post dari joezt_Joe .Kiter boleh lihat semua post berada didalam scroll

tetapi bagi memenuhi permintaan joezt_Joe



yang ingin semua post mempunyai Readmore..seperti ini




Sue akan ajar korang bagaimana untuk membuatnya

1.Login ke blog korang
2.Klik Setting
3.Klik Formatting.Dibahagian bawah sekali terdapat Post Template,maka korang masukkan kod berikut didalamnya

<span class="fullpost">
</span>

4.Kemudian Save
5.Klik Layout pula
6.Pilih Edit HTML
7.Tandakan / di Expand Widget Templates
8.Kemudian cari kod

<data:post.body/>

Padam kod tersebut dan gantikan dengan kod berikut

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

9.Kemudian cari pula kod

.post {
height:200px;
overflow:auto;
}

Masukkan kod berwarna biru didalamnya.Kemudian Save Template

Cara posting artikel

10.Klik Posting dan secara autiomatik kod yang telah kita setting tadi terpapar




11.Tuliskan artikel yang ingin kelihatan di blog sebelum kod <span class="fullpost"> dan
tulis keseluruhan sisa artikel sebelum kod </span> seperti contoh dibawah




12.Kemudian Publish Post.Akhirnya selesai dan korang pasti berpuashati dengan hasil kerja korang

Luangkanlah sedikit masa korang untuk memberi komen di blog ini kerana setiap komen yang dibuat oleh korang amat bermakna dan secara tidak langsung ianya memberi suntikan semangat untuk saya terus menulis di blog ini...