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>
收工。
用這個方法跟網友所提供以 Java Script 一樣的地方是,使用者都要自己下語法去包要隱藏的文字部分;不一樣的是這個方法只用系統平台所提供的 IF/ELSE 來做,簡單易改容易變化,平常在編輯 Tamplate 時沒有展開 Widget 是不會看到多餘語法的,編輯 Template 的時候比較簡潔之外,輸出頁面的檔頭也比較簡潔,另外是內文的部分而非區塊的部分儘量使用 span 標籤與 class 層級設定,且 Blog 文章主要都以文字呈現的話,檔頭的 Java Script 越少速度一定越快,尤其像我現在使用 56K Moden 撥接上線... CSS 設定可以跟使用者以前依照 Blogger Help 教學所做出來的設定相容,所以升級到 Blogger.com Beta 後其他舊文章一樣有 read more,不用回頭一篇一篇改。

另外我也試過如果要在Archive 中只顯示標題的作法,這也是我所說簡單易改的地方,只要在同樣的位置改成:
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<data:post.body/>
<br/><a expr:href='data:post.url'> read more... </a>
<b:else/>
<br/><a expr:href='data:post.url'> read more... </a>
</b:if>
</b:if>
即可直接二合一,Label 中還可以看到沒有被隱藏的本文,知道文章的內容在講啥,不過這樣就變成在 Archive 頁面中完全沒有本文(文章都只剩下標題而已),減少被搜尋引擎搜尋到的機會,不建議用;如果要連 Label 都要設定成只出現標題,可以直接去參考網友寫的教學。

原本正在試做月份雲跟標籤雲,但是看到有人已經將作法放了出來(Phydeaux3:Code for Beta Blogger Label Cloud),我也懶得試了~請直接參考即可~:Chagg's 嘴砲日記將Blogger Beta的Label作成Label CloudBlogger Beta讓Lable及Archive頁面只顯示標題Blogger Beta讓Lable及Archive頁面只顯示標題

這個網誌中的熱門文章

Gatsby 廣告中木村拓哉機械舞的背後

Google Doodle : Pacman 小精靈

自架 Android BT / NAS 機:超靜音超省錢超低功耗