只顯示首頁文章部份內容

當文章太長或圖片多的時候，進到首頁不但會變慢，版面也會拉很長,
所以很多人的部落格首頁都會加上「繼續閱讀」、「閱讀全文」的連結，
並且在首頁的新文章都只顯示部分內容，有興趣的再點擊連結閱讀下去。

好處就是首頁如果能夠顯示十篇文章，頁面就不會因此要往下拉拉到死，也不會塞爆圖片慢得要死。

首先我們必須到後臺（dashboard）做三件事：

一

1. 進入Blogger，点选[Settings] → [Archiving] → [Enable Post Pages?]

確保Enable Post Pages已經設定為Yes。

2. 到[Settings] → [Formatting] → [Post Template]。把下面的code貼上去。

<span class="fullpost">

</span>


這是以後發文時所需要用到的語法，放在文章範本裡後發文時可以省下不少的手續。

二

1. 接著到[Layout] → [Edit HTML] → 勾選 [Expand Widget Templates]。按下 Ctrl+F 啟用尋找功能。尋找 ]]></b:skin>，然後在它後面貼入下段code：

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


2. 再利用尋找功能找到<data:post.body/>，在它後面貼入下段code。

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

其中code內被小括號圍起來的中文字部分可以替換成自己想要的文字。

基本上到這裡為止整個繼續閱讀的功能就已經大致建置好了
以後新增文章的時候，只要把顯示出來的的部份寫在<span class="fullpost">的上面，而要按繼續閱讀才看的到的東西則寫在<span class="fullpost">和</span>的中間。