2008-02-14

【Blogger】繼續閱讀及隱藏文字

之前在無名小站有此功能,不用在Blog首頁一次檢視所有的文章,可Google的Blogger預設是沒有此功能的。我們可以透過修改HTML樣本的方式自己新增。

使用 Ctrl + F 快速搜尋 </b:skin> 並將以下 code 加到其底下 </head> 之前
]]></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>

然後將 <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> 包起來即可,不過要注意 <p> 這東東會打散我們的繼續閱讀功能喔!
<span class="fullpost"> Orz </span>

資料來源:
羊男實驗の咖啡館 - Blogger Beta 中 Read More 與 Archive 只顯示標題 作法