2008年5月27日 星期二

第五課 設定Blogger的摘要功能

https://tenshainstuff.blogspot.com/2008/05/blogger_1420.html

想像下圖中在每一篇文章中先讓讀者看一段摘要,如果有興趣再點一下”閱讀全文”,就可以瀏覽全部的內容嗎?其餘難度不高,只要你照著下面的步驟一步一步做很快就可以完成啦!
5-10

1. 請先登入你的Blogspot中,然後按版面配置
clip_image005

2. 按範本,再按修改HTML
clip_image007

3. 勾選展開小裝置範本,把滑鼠游標放在程式碼區點一下,按ctrl+A全選, ctrl+X剪下。
clip_image009

4. 打開記事本,按ctrl+V將剛複製的程式碼貼上。
clip_image011

5. 尋找<p><data:post.body/></p>這一段程式碼。
clip_image013

6. 用下列程式碼取代
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<br></br>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'>
閱讀全文…</a>
<b:else/>
<data:post.title/>
</b:if>
</p>
</b:if>

7. 取代完後,將程式碼按ctrl+A全選, ctrl+X剪下。
clip_image015

8. 回到修改HTML小視窗中,按ctrl+V將修改過的程式碼貼上。
clip_image017

9. 當下面訊息出現,表示儲存完成。
clip_image019

10. 按設定標籤中的存檔
clip_image021

11. 在啟用張貼網頁?選取”,然後接儲存設定
clip_image023

12. 按格式
clip_image025

13. 在文章範本的輸入框中貼上下列程式碼後按儲存設定,如下圖。
摘要
<span class=fullpost>
其他部分
</span>

clip_image027

14. 出現下圖所示,表示你已經修改好了。
clip_image029

15. 經過了一番辛苦,設定的部分總算完成了,先喝口茶,下一課我們要學習怎樣張貼文章啦。

0 意見: