網頁

2011年7月11日 星期一

blogger修改雜記

奮鬥了好幾天,終於將版面改變成比教可以接受的樣子,網頁兩邊空白,真的很礙眼,但是知道原因是為了適合各顯示模式,只好含淚接受了。

這次除了版面改了,最主要還試出文章摘要這功能,也順便修改了所有文章,才知道文章摘要要寫得好真的不容易,還需要多練習。至於如何修改,我真的試好久,因此順便紀錄一下,以利有需要的人參考。


主要參考了Blogger說明中的如何建立可擴充的文章摘要?
有三個主要步驟:
1. 附有條件的 CSS
請找到</head>,將下列程式碼放在下一行。
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

2. [閱讀其他資訊] 連結
請將下列程式碼加到您的範本中,大概放在 <data:post.body/> 標記的下一行位置:
<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more!</a>
</b:if>

3. 文章修改
使用此功能的每篇文章都需要此程式碼:
<span class="fullpost"></span>

最好的方式,是將此程式碼片段直接加到文章範本中,這樣每次新增文章時,就會自動帶出來。

沒有留言:

張貼留言