看到PTT上有許多文章在討論Blogger的繼續閱讀功能,讓米蟲王也起好奇心,親自上陣試試看如何。而熱心的板友們提供了幾個方法,讓Blogger成為擁有繼續閱讀的部落格,分列如下:
1.Blogger繼續閱讀懶人包:
新版發佈公告頁
http://cjhtech.blogspot.com/2007/02/blogger-3-htmlfor-blogger.html
安裝教學
http://cjhtech.blogspot.com/2007/09/blogger-2x.html
這是由chrischen板友提供的方法,優點是簡單(都說是懶人法了)、已發表的文章會自動套用。缺
點則不是所有部落格都適用此法,有衝突的問題、用的是span class的標籤,不相容於先前在範
本裡就設定好的內文樣式,會自成一個區塊。
2.羊男繼續閱讀法:
安裝教學:詳後述
優點:沒有用到javascript,比較不會有衝突、不會自成一個區塊。
缺點:已發表的文章不會自動套用,要手動更改。
就算把文章置於<span class="fullpost">之上,還是會出現繼續閱讀的連結。
接著介紹比較不易出錯的方法: 1.備份原來的範本,以備不時之需。
2.「版面配置」--->「修改HTML」--->勾選「展開小裝置範本」。 3.利用瀏覽器的搜尋功能,尋找
]]></b:skin>
,在後面與</head>之間貼上 <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>
4.再用搜尋功能找到<data:post.body/>這行,把下列語法置於其後
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>(繼續閱讀...)</a>
</b:if>
5.括號中的繼續閱讀可換成其他文字。
6.大功告成。 (^^)
以後寫文章,只要將想隱藏的段落用下面語法包起來,被包起來的部分即點選繼續閱讀後出現的文字。 <span class="fullpost">(本文要隱藏的部分)</span>