設定->格式->文章範本
1. 填入: 這裡是文章的開頭。 <span class="fullpost">這裡是文章的其餘部份。</span>
2. 存檔
範本->修改 HTML
0.備份 / 還原模版->在編輯模版之前，先儲存一份模版。 (重要)
1.核選"展開小裝置範本" (重要)
2.在<Head></Head>中加入
<style type="text/css">
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
3.在<div class='post-body'></div>中加入
<b:if cond='data:blog.pageType != "item"'>
<br/>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'>Read more!</a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'>Read more!</a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</b:if>
接著再新增一篇文章試試! 把不顯示的部份放在<span class="fullpost"></span>之中.
您可再做一些調整讓畫面更好看.
以上是給新版本Blogger的Template用的.
以下是相關的說明網頁, 都有一些小問題, 舊版的是"傳統範本", 新本的是[版面配置], 我是依照說明再做修改才能運作的.
原說明的<a href="<data:post.url/>">Read more!</a>是有問題的!
http://help.blogger.com/bin/answer.py?answer=42215
http://help.blogger.com/bin/answer.py?answer=42214
http://help.blogger.com/bin/answer.py?answer=46995
沒有留言:
張貼留言