Buat Expandable Post

Salam semuanya....entri kali ni nak kongsi wat summary untuk entri yang panjang lebar...ianya untuk memudahkan pembaca blog korang untuk memilih entri yang mana dia berkenan nak baca n komen...yok,kita wat...


LANGKAH PERTAMA

Login Blogger > Dashboard > Layout > Edit Html...tick 'expand widget templates'.


LANGKAH KEDUA

Cari kata kunci (Tekan CTRL+F) </head> , kemudian copy code bawah ni dan pastekan sebelum </head> tu

<!-- JavaScript Posts Summaries -->
<script language='javascript' src='http://bandofgirls.googlepages.com/jquery-1.2.3.pack.js' type='text/javascript'/>
<script language='javascript' src='http://bandofgirls.googlepages.com/jquery.expander.js' type='text/javascript'/>

<script type='text/javascript'>
$(document).ready(function() {

$(&#39;.excerpt&#39;).expander({
slicePoint: 450, // default is 100
expandEffect: &#39;fadeIn&#39;,
expandText: &#39;[...]&#39;, // default is &#39;read more...&#39;
userCollapseText: &#39;[^]&#39; // default is &#39;[collapse expanded text]&#39;
});

});
</script>
<!-- End JavaScript Posts Summaries -->

LANGKAH KETIGA

Cari Code ni...

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Gantikan dengan Code yang di bawah ni...

<b:if cond='data:blog.pageType != "item"'>
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>


Selesai...

Korang jugak boleh edit Perkataan yang nak digunakan ,cam Baca Lagi, Seterusnya , dan macam2 lagi la kan...Caranya...kat Edit Html tadi juga, cari kata kunci "..." ( CTRL+F pastu type ... ),then ganti je dengan perkataan korang..

Selamat Mencuba !!! err...Harap2 Dir leh wat..^-^