วิธีทำ Readmore และ Thumbnail แบบอัตโนมัติ

 
1.เริ่มแรก หลังจาก Login แล้ว ให้ไปที่ รูปแบบ -> แก้ไข HTML และติ๊ก Checkbox ที่ ขยายแม่แบบเครื่องมือ (แล้วอย่าลืม Backup ธีมเก่าไว้ก่อนนะครับ กันพลาด คลิกที่ ดาวน์โหลดแม่แบบฉบับเต็ม)

2.ดาวน์โหลด File นี้ไปอัพไว้ในโฮสของท่าน
http://www.box.net/shared/zhdx2j6v3b

3.จากนั้น Coppy Javascript ดังต่อไปนี้ เอาไปวางไว้ก่อนปิด Tag </head>

<script type='text/javascript'>
var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='ใส่ลิ้งของไฟล์ที่ท่านโหลดไปอัพไว้ในข้อ 2 ตรงนี้'/>

ท่านสามารถตั้งค่าของภาพ Thumbnail ได้ที่
img_thumb_hieght = ความสูง
img_thumb_width = ความกว้าง

4.ต่อด้วยการ search หาคำว่า <data:post.body/> และแทนที่ด้วย Code 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;padding-top:20px;'><a expr:href='data:post.url'> read more &#8220;<data:post.title/>&#8221;</a></span>
</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

กดบันทึก ได้เลยครับ เรียบร้อยแล้ว ไป preview ดูหน้าบล็อกของตัวเองจะเห็นว่ามันจะตัดให้เป็น Read More และดึงรูปมา แบบ Auto ให้ทุกโพสต์ เลย หละครับ