用 CSS 實現 blogger [繼續閱讀]的方法

雖然與白花花所寫的在blogger實現繼續閱讀的作法是用同樣的方法，但為了增加使用上的彈性，我做了不一樣的基本設定，讓任何 HTML Tag 只要套用 fullpost 這個 ClassName 就可以在部分閱覽中隱藏。 在 <b:skin> 中的 CSS 設定：

原始碼

1. /*部分隱藏樣式*/ 
2. .posts-index .fullpost{ 
3.  display:none; 
4. } 

/*部分隱藏樣式*/
.posts-index .fullpost{
  display:none;
}

在詳細樣版中找到 <data:post.body/> 這行，並修改成以下形式：

原始碼

1. <div expr:class='"post-body 
2.     entry-content 
3.     posts-"+data:blog.pageType'> 
4.  <data:post.body/> 
5.  <div style='clear: both;'/> <!-- clear for photos floats --> 
6. <!-- 非單篇顯示時，顯示繼續閱讀 --> 
7. <b:if cond='data:blog.pageType != "item"'> 
8. <p> 
9. <b:if cond='data:post.link'> 
10.   <a expr:href='data:post.link'>繼續閱讀...</a> 
11. <b:else/> 
12.   <a expr:href='data:post.url'>繼續閱讀...</a> 
13. </b:if> 
14. </p> 
15. </b:if> 
16. </div> 

<div expr:class='"post-body
     entry-content
     posts-"+data:blog.pageType'>
  <data:post.body/>
  <div style='clear: both;'/> <!-- clear for photos floats -->
<!-- 非單篇顯示時，顯示繼續閱讀 -->
<b:if cond='data:blog.pageType != "item"'>
 <p>
 <b:if cond='data:post.link'>
   <a expr:href='data:post.link'>繼續閱讀...</a>
 <b:else/>
   <a expr:href='data:post.url'>繼續閱讀...</a>
 </b:if>
 </p>
</b:if>
</div>