於Blogger使用文章摘要的功能

因為Blogger雖然陽春且精簡，但是它的可擴充性非常強，這邊說明一下由網路上搜尋到的文章摘要的簡單作法。

第一步就是先進入到blog的設定畫面，[範本]內的[修改HTML]功能，勾選[展開小裝置範本]，如下圖所示。
(記得要先點選完整模版，匯出備份模版喔！)

第二步就是在下方的的編輯區塊中，搜尋</head>這段文字，並在它的上方加入下方的程式碼。

<b:if cond="data:blog.pageType == "item"">
  <style type="text/css">
  div.fullpost {display:inline;}
  </style>
<b:else />
  <style type="text/css">
  div.fullpost {display:none;}
  </style>
</b:if>


第三步就是搜尋<p><data:post.body/></p>這行文字，並取代為下方的程式碼。

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<data:post.body/><br/>
<a expr:href='data:post.url'>(繼續閱讀...)</a>
<br/>
<b:else/>
<br/>
<a expr:href='data:post.url'>(繼續閱讀...)</a>
<br/>
</b:if>
</b:if>


使用方式為，在文章不顯示的部分使用<div class="fullpost">與</div>標籤夾起來的區域就會隱藏。

參考資料：
I.T. OldMan：新版 Blogger下，使用文章摘要的方法之二
Blogger:改良詳見全文(繼續閱讀)使用方法