Blogger Continue Reading , 繼續閱讀 for Blogger

其實一直都有想要在自己的Blogger上加入Continue Reading的功能，不過在PTT的Blog板上看到的似乎都很麻煩(也許是我剛好沒看到啦)，所以一直沒有去弄這個功能出來，今天在Google上亂翻剛好找到這篇Continue Reading Blogger(這邊還有影像教學)，看起來簡單易用，實際上試用也很快就裝好了，效果也不錯，符合我的需求，簡單好用，所以就寫一下簡介跟大家分享。

步驟很簡單，就修改兩個地方

Step 1

登入後，版面配置->修改Html，勾選展開小裝置範本，找下面這個字串

</head>

如果找不到的話可以把前面的"<"去掉，只找"/head>"

找到後，在</head>標籤前加上這串

<style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
div.fullpost {display:inline;}
<b:else/>
div.fullpost {display:none;}
</b:if>
</style>

Step 2

一樣在修改Html內，尋找下面這個字串

<data:post.body/>

接著在"<data:post.body/>"標籤後加上這串

<b>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'>Continue Entry&#187;</a><br/><br/>
</b:if>
</b>

之後，儲存，就完成修改了，相當簡單。
紅色字體的"Continue Entry&#187;"部分是你要顯示繼續閱讀那個連結的文字，可以自行修改成你想要的文字或圖片。


使用上的話

一開始會顯示的內容<div class="fullpost">繼續閱讀隱藏的內容</div>

只要把你要讓人繼續閱讀的內容用"<div class="fullpost">"跟"</div>"包起來就好了。

簡單明瞭。