2010年7月15日 星期四

官方版"繼續閱讀"

如果你是用Blogspot寫blog
現在有官方版的"繼續閱讀"了
而且使用方法很簡單
重點是速度較快、瀏覽器相容性也高

這個官方版解決了我的一些文章在Chrome及Safari上的怪問題
尤其是有內嵌Google Map的文章.

來講一下其中一種安裝步驟(較不會影響原來已有的模板):
1.
到Blogger的 "資訊主頁->設計->修改HTML"
勾選"展開小裝置範本"

2.
找到<data:post.body/>這段文字
將以下code加至它下方
<!-- Blogspot official ReadMore... BEGIN -->
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if>
<!-- Blogspot official ReadMore... END -->

這樣其實就裝好了...

3.
以後只要在你文章的前文及內文中間加上 <!--more> 即可

4.
可在 "資訊主頁->設定->格式" 中的 "文章範本" 中加入以下code:
前文
<!--more-->
內文

以後要加新文章只要分別在"前文"及"內文"位置打文字即可...

5.
如果你想更改"繼續閱讀"的超鏈結文字
可到 "資訊主頁->設定->網頁元素" 中的 "網誌文章" 點選 "編輯"
更改 "張貼頁面連結顯示文字" 即可

很簡單、方便吧! :-)
當然,如果像我已經有不少文章的
除了新文章外
可以針對有問題的文章更新就好
不然,會粉累... 呵呵~

PS.
如果你原本就有安裝其它"繼續閱讀"的功能
那可能會有一些小問題
如果有的話,可以再問我討論看看囉! (因為我也有遇到...)

沒有留言 :

張貼留言