玉米翻著書說....

玉米再說....

2007年2月3日 星期六

修改首頁,只顯示文章的前面一部份

照著 Blogger Help去做,它說的CSS部份,真不知要加在哪裏,試了好久,成功了!

下面是以現在的版型(使用新的blogger + Layout)的實際情形


依官方說明檔,需要做三個變動

(1)Conditional CSS

定義一個格式名為fullpost,在主要的網頁為不顯示、在自己獨立頁面為顯示。



官方說明如下:

因為我所選用的版型裏並沒有看到<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

在主要頁面裏顯示 "...繼續閱讀",並且連結到文章的獨立網址。據指示,是要加在<$BlogItemBody$>or </data:post.body> 的後面。





此時要展開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

在每一則文章當中加上語法,定義哪一些是屬於fullpost,只在獨立頁面顯示。

<span class="fullpost"></span>

而這段話要在 "Edit Html"裏,加到文章的html碼裏。坦白說,有時候明明加上去了,還是不管用,最後只好重新編輯一次,有時候就OK了、有時候還是不行,還沒弄懂。