Cara Membuat Automatik Thumbnail dan Read More.

Pada artikel yang lepas aku telah menunjukkan bagaimana cara hendak membuat read more.sila lihat disini.Tetapi cara membuat read more yang aku tunjukkan dulu memerlukan kita memotong ayat secara manual jadi ini tentu serba sedikit akan menyukarkan anda untuk membuatnya.Tetapi cara yang akan aku tunjukkan ini tidak memerlukan kita memotong ayat lagi kerana ianya akan memotong ayat dalam artikel kita secara automatik dan sekaligus akan mengecilkan gambar jika anda ada meletakkan gambar didalam artikel yang ditulis oleh anda itu.Cuba lihat screenshoot di bawah untuk mengetahui lebih lanjut bagaimana Automatik Thumbnail dan Read More ini berfungsi.

Gambar sebelum membuat Automatik Thumbnail dan Read More

Gambar selepas membuat Automatik Thumbnail dan Read More

Sila ikuti langkah-langkah untuk membuatnya dibawah.

Sila lakukan backup keatas template anda sebelum membuatnya.

1.Pergi ke Layout----> Edit HTML

2.Berikan tanda didalam kotak "Expand Widget Templates"

3.Cari kode dibawah ini.Tekan CTR+F untuk cari

<data:post.body/>

4.Bila dah jumpa sila gantikan kode yang anda cari tadi dengan kode yang dibawah ini.

<script type='text/javascript'> summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://kfile.110mb.com/summary-post.js' type='text/javascript'/> <b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read more</a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

5.Kemudian klik save.Selesai

p/s:Sila tinggalkan pertanyaan didalam kotak komen jika anda mempunyai masalah untuk membuatnya.