2009年9月10日

[Let's JUMP!] 眾所期待,Blogger開放繼續閱讀功能

哇,真的讓我們等了好久好久,Blogger今天公布同時在draft和正式版後台開放"Jump Breaks",即我們一直殷切期盼的繼續閱讀功能!

官方公告:You Might As Well Jump!

實際範例請回部落格首頁見我這篇文章,在這行以下的部分都不會顯示,也不會被讀取進來,Blogger大好!!


您有以下幾種方式可插入繼續閱讀的標記: (以下圖片來自官方公告)

readmore
利用Draft上的新編輯器最右邊的按鈕

jumppoint
在修改HTML模式下手動的輸入<!-- more -->

pagepagelinktext
然後在版面配置-網頁元素的部分,可以點選網誌文章區塊的編輯鍊結,將繼續閱讀的鍊結文字設定為你想要的。

然後很不幸(?)的,老樣板還是需要修改,第一個方法為在版面配置-修改HTML中有一個"將迷你組件範本回復為預設值",可以把樣板"恢復"成Blogger預設的模樣,但像我這種會去改迷你組件的人來說,為了一個區塊把其他部分的修改都復原回預設還蠻傷的,所以以下是需要的修改,提供給需要的捧由 :P

在版面配置-修改HTML中勾選展開小裝置範本

尋找<data:post.body/>,除非有使用peek-a-bone等等特別的樣板,否則應該只有唯一一個。

在<data:post.body/>下面加入以下程式碼:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>


Blogger從善如流是件好事,但我現在已經很滿足於自己之前寫出來的小Ken繼續閱讀,而且新的繼續閱讀語法也跟原本的不相容,怎麼辦呢怎麼辦呢~~~Q_Q~~

10 則迴響:

  1. 啊 又要改模版了 有點懶了 XD
    回覆刪除
  2. @旅美熟姐: 其實將迷你組件範本回復為預設值這個功能蠻好用的,可以把樣板備份起來之後試試看唷 :)
    回覆刪除
  3. 請問你迴響右側的小圖是如何加入語法~
    可以分享嗎? ^^
    回覆刪除
  4. @kimihu 您可以先參考: http://www.bloggerbuster.com/2007/11/how-to-add-comment-avatars-to-see-your.html 安裝完成後因為原始程式碼有改變,再參考 http://www.bloggerbuster.com/2008/02/mybloglog-commment-avatars-not-working.html 這一篇,來把程式碼修正成對的。

    如果有需要中文說明的話請再跟我說 :)
    回覆刪除
  5. 跟舊版語法不相容真是令我哀傷啊~~一篇一篇改會要人命~~
    回覆刪除
  6. 請教版主 我在展開小裝置範本後,找不到data.post.body這一串程式碼耶
    後來我嘗試只有先改第一個步驟"設定+新版文章編輯器"
    然後回到文章中,我用html寫上!-- more --以後 是可以出現繼續閱讀,但是我整個網誌的首頁卻只剩下一個欄位(本來有左右兩個欄位,左邊是文章,右邊是簡介,追蹤,其他連結之類的).也就是說,我只剩下左邊的欄位,右邊的欄位全部跑到首頁最下方..天啊...請版大救救我
    回覆刪除
  7. @黑皮瑪: 找不到data.post.body的確有點奇怪,不過既然你已經可以出現繼續閱讀,就不需要修改樣板哩;而確實有聽說不少網友會因為繼續閱讀而讓版面亂掉,可能要請您重新套用樣板來拿到正確的CSS這樣,抱歉沒幫上什麼忙 Q_Qa
    回覆刪除
  8. 您好..請問您文章中最後的"在下面加入以下程式碼:"...這是指什麼...也是"繼續閱讀"的意思嗎...還是針對blogger原來提供的版面而言....不懂....
    回覆刪除
  9. @paris: 倘若您在文章中插入<!-- more --> 標記也無法在部落格上看到繼續閱讀的話,表示您的樣板需要修改,而這是修改的一部分步驟這樣。
    回覆刪除
  10. 我的模板不是blogspot原装的
    所以我找不到
    改不到呐~
    请问可以教教吗?
    回覆刪除

請使用正體中文發表留言,注音文將直接移除