2007年6月13日 星期三

Blogger繼續閱讀功能 加強版

介紹

不用fullpost之類的tag
自動以行數(<br>)縮文(超過就縮起來變成繼續閱讀)

提供兩種繼續閱讀模式(直接連結 或 延展/收合)
並支援瀏覽模式(全文/摘要/標題)的動態切換

不用改html,新增網頁元素並貼上程式碼即可套用

做法

安裝前注意事項:
  • 若之前已套用有修改html範本的繼續閱讀,或其他版本的繼續閱讀功能,請先刪除之前更動的部份,再進行安裝
  • 本外掛不能和Rack Lin(阿土伯)的繼續閱讀功能混用(其他功能(標籤雲、隱藏navbar...等等)不影響,都可以正常使用)

Step by Step

1.到Blog的控制主頁,選擇「範本」->「網頁元素
2.按下「加入網頁元素」的連結,出現可用的網頁元素清單
3.其中一項為「 HTML/JavaScript」,按下「加入BLOG」的連結
4.「書名」的欄位,請填上 ##HIDEME##
5.「內容」部份,請複製以下程式碼貼入


<script src="http://blogger-ext2.googlecode.com/files/jquery.pack.js" type="text/javascript"></script>
<script src="http://blogger-ext2.googlecode.com/files/blogger_ext2-core.pack.js" type="text/javascript"></script>
<script src="http://cjh829-easy-read-more.googlecode.com/files/cjh829-easy-read-more-1.4.2.js" type="text/javascript"></script>
<script src="http://cjh829-easy-read-more.googlecode.com/files/cjh829-easy-read-more-controller-1.1.1.js" type="text/javascript"></script>

<script>
BloggerExtOptions.hide_navbar = false;
BloggerExtOptions.Easy_Read_More_MaxLine = 3;
BloggerExtOptions.Easy_Read_More_style = 'directlink';
BloggerExtOptions.Easy_Read_More_Text = '...繼續閱讀';
BloggerExtOptions.Easy_Read_More_Text_Link_title = '繼續閱讀';
BloggerExtOptions.Easy_Read_More_Collapse_text = '顯示摘要...';
BloggerExtOptions.Easy_Read_More_Collapse_text_Link_title = '顯示摘要';
BloggerExtOptions.Easy_Read_More_Collapse_Move = false;
BloggerExtOptions.Easy_Read_More_Index_Page_Style = 'abstract';
BloggerExtOptions.Easy_Read_More_Tag_Page_Style = 'title';
BloggerExtOptions.Easy_Read_More_Archive_Page_Style = 'title';
BloggerExtOptions.Easy_Read_More_Controller_Default_Position = true;
BloggerExtOptions.Easy_Read_More_Controller_Splitter = ' | ';
BloggerExtOptions.Easy_Read_More_Controller_Full_Text = '完整';
BloggerExtOptions.Easy_Read_More_Controller_Abstract_Text = '摘要';
BloggerExtOptions.Easy_Read_More_Controller_Title_Text = '標題';
</script>

6.按「儲存變更」,安裝完成

此文章參考於 http://cjhtech.blogspot.com/2007/02/blogger.html