Damn! where is my read more? 該死的繼續閱讀

在編寫部落格時有的文章寫的很長不光是來看我部落格的人辛苦,連我都覺得心煩.

在網路上翻箱倒櫃兼侵門踏戶也參考了阿土伯的教學. 仔細一看他所分享的文章是在 2007年發佈的,也有下載來用. 部份功能是可以運做的. 但read more 繼續閱讀的功能硬是無法運作.

陸陸續續的也找到一些解法. 有些解法還真的是大費周章. 也真的很辛苦那些熱心分享的網友.敝人在下我也心懷感激.

只是一直在反覆思考,應該可能有更為簡便的方法吧. 於是又再去煩 google 大神. 終於找到我能用的解決方法. 在此特地撰文野人獻曝一番。

原文出處 : http://www.deluxetemplates.net/1999/04/automatic-thumbnail-and-read-more.html

要讓原本沒有read more 功能的部落格加上這個功能,首先請您登入您的部落格.

步驟一 :請點選版面配置的分頁. 再點選 "修改HTML" 請參考下圖


步驟二: 再來請注意到右側的 "展開小裝置副本" 必需勾選,

步驟三: 再來請搜尋html 內文.找出

<data:post.body/>

在這兒有一點要注意. 由於可能您所使用的模版跟我或那位熱心分享的作者有所不同,
若是搜尋不到完全相同的也別擔心. 以我用的模版來說它就不是

<data:post.body/>

而是

<p><data:post.body/></p>

差異不大.

接下來請您將這段HTML 碼給加上註解符號.使其無效. 請參考下圖

<!-- <data:post.body/> 加上註解,使其無效 -->

步驟四: 緊接這上述的步驟,底下加入如下的程式碼.請參考下圖

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

步驟五: 按下儲存範本就行了

這樣可愛的Read more 就出現了