2008年6月9日 星期一

Blogger的文章摘要功能

  Blogger沒有內建文章摘要的功能,所以首頁的文章往往變得長長的一大串,既不方便尋找,又要浪費很長的時間去讀取。 Blogger的中文說明中雖然有提到如何更改,不過裡面的資訊其實是舊版的,需要修改的兩個地方,在新版其實都無法直接找到,所以在這裡提供完整的修改方式。

  首先,到「設定」->「存檔」將「啟用張貼網頁?」選成「是」。


  接著到你的「版面配置」頁面,找「修改 HTML」,再將範本右上角的「展開小裝置範本」打勾。  注意:先別急著修改,一定要記得先把你的範本複製下來,以免發生意外。 存好之後,再開始修改我們的範本,需要改的地方只有兩個。

  1. 在範本的</b:skin></head>之間,像下面這樣加入粗體字的程式碼:
</b:skin>

<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>


</head>

  2. 在<data:post.body/> 後加入以下粗體的程式碼:
<data:post.body/>

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Read more!</a>
</b:if>

  紅色的「Read more!」可以換成任何文字,像我就是用「繼續閱讀...」。 範本的修改就到此為止了,按下右下角的「儲存範本」吧,接下來就是建立文章範本了。
 只要到「設定」->「格式」最下方的「文章範本」,貼上以下兩行再存起來就完成了。

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



  以後發表新文章時,只需將你希望出現在首頁的文章摘要放在<span class="fullpost">之前即可。 注意:文章的全文必須放置在<span class="fullpost"></span>之間,否則格式可能會不正常。

沒有留言: