新版 Blogger 中 Read More 作法

「新版」係指2006年九月之後的Blogger
羊男實驗の咖啡館 * [ METAMUSE ]:
Blogger Beta 中 Read More 與 Archive 只顯示標題 作法

從 referral 中發現有人在搜尋 Blogger.com Beta 改版後 Read more 與 Archive 只顯示標題的作法,我是「遵循 Blogger 古法」的邏輯再配上新系統內建的語法後,自己摸出來感覺比較簡潔的作法 ,不過原來早有在 Blogger.com 架站的網友公開了其他的作法。
首先在 EDIT HTML 頁面中點選 Expand Widget Templates 後,在</b:skin>標籤後加入下列區段:
..........略
]]></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>
在語法中搜尋 <data:post.body/>,原本的樣子是:
<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>
加<br/>是為了讓 read more 接本文時可以斷行,寫文章的時候,只要把想要隱藏的文章區段用<span class="fullpost">...</span>包起來即可:
本文.....<span class="fullpost">(本文要隱藏的部分)</span>
收工。

要記得勾選[展開小裝置範本(Expand Widget Templates)],另外第一段可以改成:<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
span.fullpost { display: none; }
</style>
</b:if>

2 則留言:

Minli 提到...

為什麼read more會跑到文章的最下面呢? 要如何才能讓它出現在固定幾行的位置呢?

Kong 提到...

如果不曉得為何會在文章最下面的話,表示您並沒有看懂修改的內容。
如果要讓"Read more"出現在固定的位置,我想到的方法就只有自己在文章中手動加入了。