Tuesday, November 25, 2008

Blogger Continue Reading , 繼續閱讀 for Blogger

其實一直都有想要在自己的Blogger上加入Continue Reading的功能,不過在PTT的Blog板上看到的似乎都很麻煩(也許是我剛好沒看到啦),所以一直沒有去弄這個功能出來,今天在Google上亂翻剛好找到這篇Continue Reading Blogger(這邊還有影像教學),看起來簡單易用,實際上試用也很快就裝好了,效果也不錯,符合我的需求,簡單好用,所以就寫一下簡介跟大家分享。

步驟很簡單,就修改兩個地方

Step 1

登入後,版面配置->修改Html,勾選展開小裝置範本,找下面這個字串
</head>

如果找不到的話可以把前面的"<"去掉,只找"/head>"

找到後,在</head>標籤前加上這串
<style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
div.fullpost {display:inline;}
<b:else/>
div.fullpost {display:none;}
</b:if>
</style>


Step 2

一樣在修改Html內,尋找下面這個字串
<data:post.body/>

接著在"<data:post.body/>"標籤後加上這串
<b>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'>Continue Entry&#187;</a><br/><br/>
</b:if>
</b>


之後,儲存,就完成修改了,相當簡單。
紅色字體的"Continue Entry&#187;"部分是你要顯示繼續閱讀那個連結的文字,可以自行修改成你想要的文字或圖片。


使用上的話
一開始會顯示的內容<div class="fullpost">繼續閱讀隱藏的內容</div>

只要把你要讓人繼續閱讀的內容用"<div class="fullpost">"跟"</div>"包起來就好了。

簡單明瞭。

2 comments:

  1. 使用上的話這個部份是不是要加入到第三步驟
    在設定-->格式-->文章範本
    一開始會顯示的內容 繼續閱讀隱藏的內容

    這樣每次新文章時就可以直接編輯了

    ReplyDelete
  2. 這也是可以,不過我是有需要的時候才加上去
    反正才多打幾個字XD

    ReplyDelete