修改首頁,只顯示文章的前面一部份
照著 Blogger Help去做,它說的CSS部份,真不知要加在哪裏,試了好久,成功了! 定義一個格式名為fullpost,在主要的網頁為不顯示、在自己獨立頁面為顯示。 ... 在主要頁面裏顯示 "...繼續閱讀",並且連結到文章的獨立網址。據指示,是要加在<$BlogItemBody$>or </data:post.body> 的後面。 在每一則文章當中加上語法,定義哪一些是屬於fullpost,只在獨立頁面顯示。
下面是以現在的版型(使用新的blogger + Layout)的實際情形
依官方說明檔,需要做三個變動(1)Conditional CSS
官方說明如下:
因為我所選用的版型裏並沒有看到<style></style>的段落,我把它加在原有的</head>及<body>之間,如下:
<!--Post make summary -->
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
...(2)"Read More" Links

此時要展開template裏的widget,如圖:
所以,我的template如下:
.... <p><data:post.body/></p>
<!--Post make summary -->
<b:if cond='data:blog.pageType != "item"'><br/>
<a expr:href='data:post.url'>Read more!</a>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
.....(3)Post Modifications
<span class="fullpost"></span>
而這段話要在 "Edit Html"裏,加到文章的html碼裏。坦白說,有時候明明加上去了,還是不管用,最後只好重新編輯一次,有時候就OK了、有時候還是不行,還沒弄懂。


