BLOGGER 繼續閱讀的寫法

@@ 此篇僅適用舊版BLOGGER，不適用blogger in beta(2007起就稱為與google calendar, gmail 帳號整合的新版blogger)。

首先感謝Dr. hbrk55，激發我寫下這個或許很多人已經會用的BLOGGER語法，也幫我自己恢復記憶。

想要把你的文章自動變成有摘要然後CLICK繼續閱讀即可擴充瀏覽全文的語法，請參詳以下說明。

-------------------------------------------------

[步驟一的前面] 先備份你的BLOGGER設定範本的目前版本 (可以用剪貼方式把目前範本存成文字檔OR .html)。

[步驟一] 在範本的STYLE 這一段落裡面加入 MainOrArchivePage 以及 ItemPage 的tag。

<style>
/*.....繼續閱讀的語法開始..........*/
<MainOrArchivePage>
span.fullpost {display:none;}
</MainOrArchivePage>

<ItemPage>
span.fullpost {display:inline;}
</ItemPage>
/*.....繼續閱讀的語法結束..........*/
</style>


[步驟二] 找到div post-body + BlogItemBody的這一段落，改寫成下列樣式，其中 -->繼續閱讀 可以變成你喜歡的文字。

<div class="post-body">
<p>
<$BlogItemBody$>
<MainOrArchivePage>

<a href="<$BlogItemPermalinkURL$>">-->繼續閱讀</a>
</MainOrArchivePage>
</p>
</div>

[步驟三] 改完你的範本以後可以預覽 OR 儲存範本變更。 (存起來以後要重新發布)


[步驟四] 在你的blog內文加入 fullpost 的tag，藉以區分文章前半段以及哪個區分點才可以開始顯示全文，例如

...這是文章第1行....
...這是文章第2行....
<span class="fullpost">
...這是文章第3行....
...這是文章第4行....
...這是文章第5行....
...這是文章第6行....
...這是文章第7行....
...這是文章第8行....
</span>


首頁上面會先看到第1, 2行，click 繼續閱讀以後就會看到全部 (第1~8行)。

fullpost 的tag 隨意加，這是你自己要決定哪邊是區分點。

[參考資料]

http://help.blogger.com/bin/answer.py?answer=898&query=fullpost&topic=0&type=f


blogger help 裡面輸入 fullpost 去做搜尋就可以找到 !!

-------

[updated@ 2007.5.13]

從sitemeter發現april's notebook 2007年的這五個月以來這篇點閱率還是很高。
難道大家還是都停留在舊版blogger嗎?

如果您是使用 新版blogger，就是版面區塊可以用滑鼠移動的那個版本，建議您不要看上述的語法。還是去找找新版blogger的繼續閱讀的語法吧! (這篇還有提到進階label的語法喔。)