Blogger『Read More』的功能

前言：
之前看到同事Blogger的文章有"Read More"的功能時...好羨慕！
於是就有人告訴了我一個很麻煩的方法, 方法就是先到Google Page申請一個空間, 然後將網頁全部的內容複製一份上去, 然後在Blogger中只放上想要顯示出來的本文, 再放上超連結程式讓隱藏的文章連結至Google Page...
整個過程只覺得好麻煩啊~
雖然旁人看起來文章依然還是顯示在blogger的框架中, 可是基於程式寫作的基本精神...這種作法會對不起我自己, 所以終於給我找到相關做法啦！


做法如下：
首先登入 控制主頁/版面配置/範本/修改HTML 頁面中點選『展開小裝置範本』後，在</b:skin>標籤後加入下列區段：

..........略

]]></b:skin>
<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>


在語法中搜尋 <data:post.body/>，原本的樣子是：

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

改成：

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<data:post.body/>
<br/><a expr:href='data:post.url'> Read More...</a>
</b:if>


寫文章的時候，只要把想要隱藏的文章區段用<span class="fullpost">...</span>包起來即可：

本文.....<span class="fullpost">(本文要隱藏的部分）</span>

完工。

文章參考：羊男實驗咖啡館