【Blogger】繼續閱讀及隱藏文字

之前在無名小站有此功能,不用在Blog首頁一次檢視所有的文章,可Google的Blogger預設是沒有此功能的。我們可以透過修改HTML樣本的方式自己新增。

使用 Ctrl + F 快速搜尋 </b:skin> 並將以下 code 加到其底下 </head> 之前
]]></b:skin>
<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>

然後將 <p> <data:post.body/> </p> 改為以下的程式碼。
<b:if cond='data:blog.pageType == "item"'>
 <data:post.body/>
<b:else/>
 <data:post.body/>
  <br/><a expr:href='data:post.url'>» Read More</a>
</b:if>

寫文章時,直接用 <span class="fullpost">...</span> 包起來即可,不過要注意 <p> 這東東會打散我們的繼續閱讀功能喔!
<span class="fullpost"> Orz </span>

資料來源:
羊男實驗の咖啡館 - Blogger Beta 中 Read More 與 Archive 只顯示標題 作法

留言

  1. 大哥 我找不到第二步驟的東東耶
    怎麼辦~~~

    回覆刪除
  2. 試試看搜尋「data:post.body」或「<data:post.body/>」看看唄 o o"

    正常都會有的 XD

    回覆刪除
  3. 真的沒有耶...

    或許是之前我有改過語法 把那個也改掉了?

    我原本有設定繼續閱讀 不過在先前的轉換中 語法都不見了 哭哭

    請大哥救我

    回覆刪除
    回覆
    1. 現在新版的 Blogger 只要在文章裡使用「<!--more-->」就會有繼續閱讀的功能囉!

      刪除
  4. 看你要不要順便換個模版(別人設計好的 Blogger 樣式)整個砍掉重練= ="

    我是都在 Dzelque Blogger Templates 找現成的回家慢慢改.. :P

    回覆刪除

張貼留言

喜歡這篇文章嗎?歡迎在底下留言讓凍仁知道。😉

Popular Articles

MySQL 語法匯整