看到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>

arrow
arrow
    全站熱搜

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