看到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">之上,還是會出現繼續閱讀的連結。

接著介紹比較不易出錯的方法:
01 1.備份原來的範本,以備不時之需。
2.「版面配置」--->「修改HTML」--->勾選「展開小裝置範本」。
02 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>

03 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>

創作者介紹
創作者 anonymous1 的頭像
anonymous1

聽米蟲王觥跨麥

anonymous1 發表在 痞客邦 留言(7) 人氣()


留言列表 (7)

發表留言
  • andy
  • 感謝了~依照您的做法.解決了這惱人的問題^^
  • 很高興能幫你解決問題 ^^

    anonymous1 於 2009/02/02 21:02 回覆

  • 疾楓
  • 請問一下大大

    我用您的方法以後
    的確是有出現(繼續閱讀)

    不過我的是全部的文章都出現以後
    在最下面才出現繼續閱讀
    請問有甚麼解決方法嗎?
  • 以後寫文章,只要將想隱藏的段落用下面語法包起來,被包起來的部分即點選繼續閱讀後出現的文字。

    會顯現的文字
    <span class="fullpost">
    (本文要隱藏的部分)
    </span>

    anonymous1 於 2009/08/05 17:14 回覆

  • 疾楓
  • 原來如此阿

    非常感謝您詳細的回答
  • inmiddleman
  • 參考了這篇
    我終於也解決了討厭的blogger繼續閱讀問題!!!
    感激不盡!
  • Barlos
  • <data:post.body/> 請問找不到這段怎麼辦?
  • 抱歉這麼晚才回復。

    其實用最後一段的 <span class="fullpost">(本文要隱藏的部分)</span> 這功能就可以隱藏文章。

    anonymous1 於 2010/03/12 15:54 回覆

  • 月宗‧潔玫
  • 感謝教導,終於解決這個惱人的問題了^^
  • d
  • 怎麼讓"readmore" 字別大一點?