繼續閱讀懶人加強版

修正程式碼網址 - 最後一次更新

2017-02-10T20:42:00.001+08:00

程式碼之前是放在google code，現在這個服務已經被google關閉，所以功能失效

已經改放到
https://storage.googleapis.com/google-code-archive-downloads/v2/code.google.com/cjh829-easy-read-more/cjh829-easy-read-more-2.2.1.js

就是改了js的連結(不知道怎麼修改的朋友，請重新安裝吧！)
##ReadMore##
其實我很驚訝，這個8年前的東西，到現在都還有人在用，不過既然有人反映，那就修一下😊

現在大部分部落格服務，都已經內建繼續閱讀功能，建議大家改使用內建的功能。
之後如果功能再失效，我應該不會再更新了...

感謝各位朋友的支持，讓我年輕時候的熱血有地方發揮，也多了一個可以拿出來說嘴的經驗

就這樣！下台一鞠躬

[BLOGGER]繼續閱讀懶人加強版最新版本 v2.2.1(2009.5.8)

2009-03-10T20:46:00.002+08:00

一、特點：

1. 安裝簡易：不需懂程式、html語法，只要點點滑鼠、複製貼上即可使用
2. Auto縮文模式：自動套用在整個blog，不需逐篇插入標記（懶人適用）

二、功能介紹：##ReadMore##

1.提供三種縮文(繼續閱讀)模式：

Auto模式：自動以行數(br)縮文
Custom模式：使用者自行插入特殊標記(標記格式可自訂)，由標記處開始縮文
Mix模式：混合Auto和Custom模式（若有特殊標記，則由標記處縮文，若沒有特殊標記，則按照行數自動縮文)

2.提供兩種繼續閱讀連結樣式：

直接連結：點選「繼續閱讀」，直接連到文章全文
展開/收合：點選「繼續閱讀」，原處展開/收合隱藏的內容，並支援動畫效果

3.可設定各頁面(首頁、標籤(tag)分類頁、blog存檔(archive)頁）的文章顯示方式：

全文：不做縮文動作
摘要：縮文，並顯示繼續閱讀連結
標題：只顯示標題

4.快速切換按鈕：
自動產生全文|摘要|標題的連結按鈕，可點選並快速切換檢視方式（按鈕名稱、擺放位置可自訂）

三、如何安裝：

請看安裝教學

四、細部設定：

請看參數設定說明

五、有問題/不會用：

請先參考參數設定說明及常見問題Q&A
若看完仍有疑問，請到問題回報頁留言詢問

六、原始碼：
http://cjh829-easy-read-more.googlecode.com/svn/trunk/

七、版本更新歷程：
1.3.0(2007.2.27)
-公開正式版本釋出
1.3.5(2007.2.28)
-修正IE顯示問題(自動排除未結束的錯誤tag) - 感謝 jealous0953(ptt)回報
1.4.1(2007.3.1)
-修正「較舊的文章」，點選後繼續閱讀無法顯示的問題 - 感謝 jealous0953(ptt)回報
-修改語法(用jQuery取代$、刪除不必要的register) - 感謝Rack Lin提供建議
1.4.2(2007.3.15)
-修正在單一文章頁面(ItemPage)，快速切換按鈕不正常出現的問題
2.0.0(2007.9.30)
-1. bug fix - 某些特定blogger模板，只會縮文第一篇的問題
-2. 提供新的縮文方式(可每篇自訂位置)
-3. 縮文模式設定(固定行數、自訂位置、Mix Mode)
-4. 快速切換按鈕整合(不獨立發佈)(可自行決定是否使用)
-5. 升級jQuery版本(1.2.1)
-6. 改為獨立執行(不使用BloggerExt核心)
2.1.0(2007.10.1)
-修正在單一文章頁面(ItemPage)，網頁元素(widget)沒有隱藏的問題
-新增"顯示全文"功能，在文章內插入特殊標記，會略過該文章，不做縮文動作
2.2.0(2009.3.5) - 慶祝2.1.0版本下載數破千萬
-1. 升級jQuery版本至1.3.2(改使用Google api連結，不再由google code提供)
-2. 修正_WidgetManager錯誤
-3. 修正##EasyReadMore##字樣不會自動隱藏的問題
-4. 修正切到表格會顯示不正常的問題(自動跳過表格)
-5. 修正文章內含有兩個以上縮文tag，會無法縮文的問題
-6. 展開/收合模式新增動畫效果(slide ,fade ,none)
-7. 新增自動偵測，程式碼的widget不限定一定要擺在文章列表下或右
-8. 刪除部份贅碼，不再針對IE下的錯誤語法做特殊處理(blogger文章編輯器現已可偵測錯誤語法並自動修復)
-9. 新增css設定，可支援自訂模板[進階使用者適用]
2.2.1(2009.5.8)
-1. 延展/收合模式下新增自動捲回機制，若文章很長，按下收合按鈕時會自動捲回文章標題

[BLOGGER]繼續閱讀懶人加強版 - [版本2.x]常見問題Q&A

2009-03-10T20:45:00.005+08:00

以下列出較常見的問題及解決方式，供使用者參考
##ReadMore##
Q1.我按照說明一步一步安裝，但沒有生效?
A1:
(1)確認你是使用官方的模板(非官方的模板，因架構不同，沒有完全支援)[進階者可自行設定]
(2)程式會抓你的<br>符號判斷行數，所以如果是用Windows Life Writer這類的編輯器，按下enter換行時會插入<p>做換行，則程式無法抓到<br>就不能正常縮文，可改用"shift"+"enter"換行即可
(3)確認沒有裝其他版本的繼續閱讀

Q2.如何修改"繼續閱讀"和"顯示摘要"的顯示文字呢?
A2:請參考參數設定說明的第5,6點，進行修改

Q3."繼續閱讀"和"顯示摘要"的文字，有辦法改成圖片嗎?
A3:同上，請參考參數設定說明的第5,6點，文字改成<img src="圖檔">的語法即可

Q4.我的繼續閱讀在firefox下可以正常使用，但是IE底下就顯示不正常(或當掉)？
A4:這問題是因為文章內含有"未結束的tag"，通常每個html符號，都要有對應的結束符號，如<span>和</span> , <div>和</div>等，IE比firefox笨，若文章內含有未結束的tag，則IE自己文章內部結構會亂掉，造成程式執行時出現錯誤

目前Blogger的文章編輯器已經可以自行排除此錯誤，所以若遇到此問題的話
(1)由上到下，照順序把文章一篇篇存成草稿(即不會在首頁顯示)，一一查看是否問題排除
(2)用(1)的方式把問題文章抓出來，編輯該文章，先切換至"修改html"，再按回"撰寫"模式，此時文章內的錯誤應該會自動被編輯器修正，存檔之後即可查看效果

Q5.有辦法不讀取，直接把要縮文的內容移除嗎？
A5:抱歉，目前程式架構無法達到此效果(尚未想到解法)

Q6.如何控制"繼續閱讀","顯示摘要"以及快速切換按鈕的位置呢?
A6:可使用css控制
(1)繼續閱讀的css class為"read-more-tag"
(2)顯示摘要的css class為"collapse-tag"
(3)快速切換按鈕的css class為"read-more-controller"

Q7.我的部落格之前是使用阿土伯or其他人的繼續閱讀，文章內是插入<span class='full-post">作縮文，要如何修改成懶人加強版呢？
A7:請參考參數設定說明的第3點，進行修改

Q8.用Auto或Mix模式，都會自動縮文，但我如果有文章不想縮文呢?
A8:可在文章內任意位置，加上##ShowAll##字樣即可(文章顯示時會自動去掉此字)

Q9.我的瀏覽器會出現"_WidgetManager錯誤"的提示，要怎麼清除呢?
A9:Blogger讀頁面時預設會抓一個.js檔案，而且這檔案很討厭的就是常換名字和路徑，照理說系統應該要自動把過期的檔案換成正確的，但有時候，系統會漏掉幫你更新(比較古老的模板，很久沒換過的模板，較容易發生)，導致找不到此檔案，發生錯誤

解決方式
(1)進後台(管理介面)，選擇"版面配置"->"修改HTML範本"
(2)勾選"展開小裝置範本" -> 按下"儲存範本"按鈕
(3)儲存完成，系統應該就已經幫你修正了WidgetManager的錯誤

Q10.為什麼只有首頁文章有繼續閱讀，其他頁面都會只顯示標題呢？
A10:請自行調整頁面顯示模式，參考參數設定說明的第11點

[BLOGGER]繼續閱讀懶人加強版 - [版本2.x]問題回報頁

2007-10-01T00:44:00.001+08:00

針對2.x版本有問題/不會設定/動作不正常或錯誤請在此篇留言發問##ReadMore##

已知問題(Known Issues)：將在下個新版本修正

暫無問題(版本2.2.0)

暫時無解：不會修正

非官方模板，有些結構很特殊，和blogger預設結構不同，會無法正常縮文
auto縮文模式只會抓文章內的<br>標籤，所以用<p>分段時，無法正常縮文(通常是使用Windows Live Writer編輯，並使用'Enter'換行，才會造成此情況，可改用'Shift+Enter'換行，就會自動插入<br>標籤)。
圖片設成「文繞圖」時，因為圖片本身是在第一行，所以不會跟著隱藏起來(感謝甘い回報)
文章結構有問題(tag沒有正常結束)時，無法正常縮文

[BLOGGER]繼續閱讀懶人加強版 - [版本2.x]參數設定說明

2007-09-30T23:35:00.006+08:00

可設定部份為程式碼後段，如下所示紅色字的部份##ReadMore##

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="https://storage.googleapis.com/google-code-archive-downloads/v2/code.google.com/cjh829-easy-read-more/cjh829-easy-read-more-2.2.1.js" type="text/javascript"></script>
<script>
EasyReadMoreSettings.Enabled = true;
EasyReadMoreSettings.Read_More_Mode = 'mix';
EasyReadMoreSettings.Mode_Auto_MaxLine = 3;
EasyReadMoreSettings.Mode_Custom_Tag_Type = 'text';
EasyReadMoreSettings.Mode_Custom_Tag_Expr = '##ReadMore##';
EasyReadMoreSettings.Link_Style = 'directlink';
EasyReadMoreSettings.Link_Text = '...繼續閱讀';
EasyReadMoreSettings.Link_Text_title = '繼續閱讀';
EasyReadMoreSettings.Collapse_Link_Text = '顯示摘要...';
EasyReadMoreSettings.Collapse_Link_Text_title = '顯示摘要';
EasyReadMoreSettings.Collapse_MoveToEnd = false;
EasyReadMoreSettings.Collapse_ScrollBack_Target = 'none';
EasyReadMoreSettings.Collapse_Effect = 'none';
EasyReadMoreSettings.Collapse_Effect_Speed = 'normal';
EasyReadMoreSettings.Index_Page_Style = 'abstract';
EasyReadMoreSettings.Tag_Page_Style = 'title';
EasyReadMoreSettings.Archive_Page_Style = 'title';
EasyReadMoreSettings.Controller_Enabled = true;
EasyReadMoreSettings.Controller_Default_Position = true;
EasyReadMoreSettings.Controller_Splitter = ' | ';
EasyReadMoreSettings.Controller_Full_Text = '完整';
EasyReadMoreSettings.Controller_Abstract_Text = '摘要';
EasyReadMoreSettings.Controller_Title_Text = '標題';
EasyReadMoreSettings.ShowFullPost_Tag = '##ShowAll##';
EasyReadMoreSettings.PostTitleClassSelector = 'post-title';
EasyReadMoreSettings.PostBodyClassSelector = 'post-body';
EasyReadMoreSettings.PostsBlockSelector = 'div.blog-posts';</script>
<script>EasyReadMore.main()</script>

按順序逐一說明如下：
1.縮文(繼續閱讀)模式設定(預設值：mix模式)

Auto模式：EasyReadMoreSettings.Read_More_Mode = 'auto';
Custom模式：EasyReadMoreSettings.Read_More_Mode = 'custom';
Mix模式：EasyReadMoreSettings.Read_More_Mode = 'mix';

2.Auto模式下，文章最大行數(超過就自動縮文) (預設值：3行)
EasyReadMoreSettings.Mode_Auto_MaxLine = 3;
數字'3'改成想要的行數即可

3.Custom模式下，代表繼續閱讀的特殊符號(預設值：##ReadMore##)
支援阿土伯版本的符號(##CONTINUE##)
以及一般常見的<span id='fullpost'> 或 <span class='fullpost'>

範例：
相容阿土伯版本的符號
EasyReadMoreSettings.Mode_Custom_Tag_Type = 'text';
EasyReadMoreSettings.Mode_Custom_Tag_Expr = '##CONTINUE##';

相容<span id='fullpost'>
EasyReadMoreSettings.Mode_Custom_Tag_Type = 'id';
EasyReadMoreSettings.Mode_Custom_Tag_Expr = 'fullpost';

相容<span class='fullpost'>
EasyReadMoreSettings.Mode_Custom_Tag_Type = 'class';
EasyReadMoreSettings.Mode_Custom_Tag_Expr = 'fullpost';

4.設定繼續閱讀連結樣式(預設值：directlink(直接連結))

直接連結：EasyReadMoreSettings.Link_Style = 'directlink';
展開/收合：EasyReadMoreSettings.Link_Style = 'collapsible';

5.設定繼續閱讀按鈕顯示文字，以及連結的title屬性
顯示文字：
EasyReadMoreSettings.Link_Text = '...繼續閱讀';
連結title屬性：
EasyReadMoreSettings.Link_Text_title = '繼續閱讀';

6.設定收合按鈕顯示文字，以及連結的title屬性（只有在樣式設定為「展開/收合」時才有效)
顯示文字：
EasyReadMoreSettings.Collapse_Link_Text = '顯示摘要...';
連結title屬性：
EasyReadMoreSettings.Collapse_Link_Text_title = '顯示摘要';

7.文章展開後，收合按鈕是否移動（只有在樣式設定為「展開/收合」時才有效)(預設值：不移動)
不移動，取代繼續閱讀按鈕
EasyReadMoreSettings.Collapse_MoveToEnd = false;
繼續閱讀按鈕消失，收合按鈕出現在文章最後
EasyReadMoreSettings.Collapse_MoveToEnd = true;

8.按下收合按鈕時，文章是否自動捲回（只有在樣式設定為「展開/收合」，且收合按鈕設定移動到文章結尾，才有效)(預設值：自動捲回至文章標題)
自動捲回至「文章標題」
EasyReadMoreSettings.Collapse_ScrollBack_Target = 'title';
自動捲回至「繼續閱讀連結處」
EasyReadMoreSettings.Collapse_ScrollBack_Target = 'link';
不執行自動捲回
EasyReadMoreSettings.Collapse_ScrollBack_Target = 'none';

9.設定展開/收和動畫效果（只有在樣式設定為「展開/收合」時才有效)(預設值：沒有動畫)
沒有動畫(none)
EasyReadMoreSettings.Collapse_Effect = 'none';
滑動(slide)
EasyReadMoreSettings.Collapse_Effect = 'slide';
淡入淡出(fade)
EasyReadMoreSettings.Collapse_Effect = 'fade';

10.設定展開/收和動畫速度（只有在樣式設定為「展開/收合」時才有效)(預設值：正常)
速度慢
EasyReadMoreSettings.Collapse_Effect_Speed = 'slow';
速度正常
EasyReadMoreSettings.Collapse_Effect_Speed = 'normal';
速度快
EasyReadMoreSettings.Collapse_Effect_Speed = 'fast';

11.設定各頁面預設顯示方式，有三種：

繼續閱讀(摘要) - abstract
只有標題 - title
全文 - full

設定blog首頁：(預設值：摘要)
EasyReadMoreSettings.Index_Page_Style = 'abstract';
設定標籤(tag)分類頁：(預設值：標題)
EasyReadMoreSettings.Tag_Page_Style = 'title';
設定blog存檔(archive)分類頁：(預設值：標題)
EasyReadMoreSettings.Archive_Page_Style = 'title';
註：按下「較舊的文章」、「較新的文章」顯示的頁面也是屬於archive分類頁

12.是否啟用快速切換按鈕(預設值：啟用)

啟用：EasyReadMoreSettings.Controller_Enabled = true;
停用：EasyReadMoreSettings.Controller_Enabled = false;

13.快速切換按鈕是否放在預設位置(在文章列表的頭和尾各顯示一個)(預設值：是)
放在預設位置：
EasyReadMoreSettings.Controller_Default_Position = true;
自訂位置(需自行修改範本html)：
EasyReadMoreSettings.Controller_Default_Position = false;

註1：可用css操控快速切換按鈕，class為"read-more-controller"
註2：若要自訂顯示位置，請在範本的html內想要擺放的位置上插入：
<div class="read-more-controller"></div>
快速切換按鈕會自動加在裡面

14.自訂快速切換按鈕的分隔符號(預設值： | )
EasyReadMoreSettings.Controller_Splitter = ' | ';
修改紅色字部份即可

15.修改快速切換按鈕的顯示文字
完整模式的顯示文字：
EasyReadMoreSettings.Controller_Full_Text = '完整';
摘要模式的顯示文字：
EasyReadMoreSettings.Controller_Abstract_Text = '摘要';
標題模式的顯示文字：
EasyReadMoreSettings.Controller_Title_Text = '標題';

16.設定文章為「顯示全文」(不縮文)的特殊符號(預設值：##ShowAll##)
在文章的任意地方，插入此特殊符號，則該篇文章就會被略過(不執行縮文動作)

可自訂特殊符號
EasyReadMoreSettings.ShowFullPost_Tag = '##ShowAll##';
修改紅色字部份即可

17.[進階功能]非官方模板，修改使能套用本程式 - 參考此篇說明

[BLOGGER]繼續閱讀懶人加強版 - [版本2.x]安裝教學

2007-09-30T22:11:00.007+08:00

安裝前注意事項：
1.若有先前有安裝其他版本(阿土伯版本、本站的1.x版本)的繼續閱讀，請先完整移除後，再安裝
2.若你的模板本身有附繼續閱讀功能(ex:羊男的三欄式)，可能會有衝突，請先想辦法移除，或是換其他模板....
3.某些特殊的模板(如:Blogcrowds的模板)，因為模板結構和blogger預設的不相同，所以無法支援(安裝了也沒作用)，請換其他模板之後，再安裝。
##ReadMore##
安裝步驟：
1.到Blogger的控制(後台)頁面
2.「版面配置」->「網頁元素」
3.按下「新增小工具」，出現可用的小工具清單
4.找一個名稱為「 HTML/JavaScript」，按下滑鼠左鍵，會進入設定的頁面
5.「標題」欄位，請填入 ##EasyReadMore##
6.「內容」部份，請複製以下程式碼填入

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="https://storage.googleapis.com/google-code-archive-downloads/v2/code.google.com/cjh829-easy-read-more/cjh829-easy-read-more-2.2.1.js" type="text/javascript"></script>
<script>
EasyReadMoreSettings.Enabled = true;
EasyReadMoreSettings.Read_More_Mode = 'mix';
EasyReadMoreSettings.Mode_Auto_MaxLine = 3;
EasyReadMoreSettings.Mode_Custom_Tag_Type = 'text';
EasyReadMoreSettings.Mode_Custom_Tag_Expr = '##ReadMore##';
EasyReadMoreSettings.Link_Style = 'directlink';
EasyReadMoreSettings.Link_Text = '...繼續閱讀';
EasyReadMoreSettings.Link_Text_title = '繼續閱讀';
EasyReadMoreSettings.Collapse_Link_Text = '顯示摘要...';
EasyReadMoreSettings.Collapse_Link_Text_title = '顯示摘要';
EasyReadMoreSettings.Collapse_MoveToEnd = false;
EasyReadMoreSettings.Collapse_ScrollBack_Target = 'title';
EasyReadMoreSettings.Collapse_Effect = 'none';
EasyReadMoreSettings.Collapse_Effect_Speed = 'normal';
EasyReadMoreSettings.Index_Page_Style = 'abstract';
EasyReadMoreSettings.Tag_Page_Style = 'title';
EasyReadMoreSettings.Archive_Page_Style = 'title';
EasyReadMoreSettings.Controller_Enabled = true;
EasyReadMoreSettings.Controller_Default_Position = true;
EasyReadMoreSettings.Controller_Splitter = ' | ';
EasyReadMoreSettings.Controller_Full_Text = '完整';
EasyReadMoreSettings.Controller_Abstract_Text = '摘要';
EasyReadMoreSettings.Controller_Title_Text = '標題';
EasyReadMoreSettings.ShowFullPost_Tag = '##ShowAll##';
</script>
<script>EasyReadMore.main()</script>

7.按「儲存變更」，安裝完成！！

[BLOGGER]繼續閱讀懶人加強版 - [版本2.x]特殊模板，如何設定可使用本程式?

2007-09-10T20:51:00.005+08:00

注意：此為進階功能，請先衡量自身能力，再做修改
##ReadMore##
首先我們先來了解一下blog預設模板的架構，如下圖

藍色框為div class="post-title"
文章的標題，而且裡面要內含一個<a href>的文章連結(繼續閱讀的連結就是抓這裡)

綠色框為div class="post-body"
文章的內文，注意「內文不能包住標題」，需分開

棕色框為div class="blog-posts"
整個文章區塊(快速切換按鈕會直接加在這個div class=blog-posts的前後各一)

建議修改方式
法(1)：把你的模板版型改成和上述的結構相同

法(2)：修改設定，把指定的class名稱設定為現在你使用的模板內的名稱
參考參數設定頁的程式碼，依照模板的實際狀況，修改下述三行

EasyReadMoreSettings.PostTitleClassSelector = 'post-title';
紅字部份，改為「文章標題」的css class(必須用div)

EasyReadMoreSettings.PostBodyClassSelector = 'post-body';
紅字部份，改為「文章內文」的css class(必須用div)

EasyReadMoreSettings.PostsBlockSelector = 'div.blog-posts';
紅字部份，改為「整個文章區塊」的css selector
(不限定類型，可用#表示id，如'span#Blog1'表示span id='Blog1')

[預告]下一版本(2.0)更新項目

2007-09-09T21:53:00.000+08:00

1.bug fix - 某些特定blogger模板，只會縮文第一篇的問題
2.提供新的縮文方式(可每篇自訂位置)
3.縮文模式設定(固定行數、自訂位置、Mix Mode)
4.快速切換按鈕整合(不獨立發佈)(可自行決定是否使用)
5.升級JQuery版本(1.2.1)~~、BloggerExt核心版本~~
6.改為獨立執行(不使用BloggerExt核心)

~~7.不等待頁面讀完，即時執行縮文動作(不一定會做)~~

[BLOGGER]繼續閱讀懶人加強版 - [版本1.x]問題回報頁

2007-02-28T01:40:00.000+08:00

不會設定/使用上有問題，請在此篇留言發問

[BLOGGER]繼續閱讀懶人加強版 - [版本1.x]參數設定說明

2007-02-28T00:37:00.000+08:00

可設定部份為程式碼後段，被<script>和</script>包圍的部份
以完整版為例：（紅色字的部份）

<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>

逐一說明如下：

1.隱藏上方NavBar功能，預設為不隱藏，若要隱藏，請將
BloggerExtOptions.hide_navbar = false;改為
BloggerExtOptions.hide_navbar = true;即可

2.設定最大行數，預設為3行，超過就會縮起來變成繼續閱讀
BloggerExtOptions.Easy_Read_More_MaxLine = 3;
數字3改為想要的行數即可

3.設定繼續閱讀顯示樣式，有「直接連結」和「延展/收合兩種」
直接連結：(預設值)
BloggerExtOptions.Easy_Read_More_style = 'directlink';
延展/收合：
BloggerExtOptions.Easy_Read_More_style = 'collapsible';

4.設定繼續閱讀按鈕顯示文字，以及連結的title屬性
顯示文字：
BloggerExtOptions.Easy_Read_More_Text = '...繼續閱讀';
連結title屬性：
BloggerExtOptions.Easy_Read_More_Text_Link_title = '繼續閱讀';

5.設定收合按鈕顯示文字，以及連結的title屬性（只有在樣式設定為「延展/收合」時才有效)
顯示文字：
BloggerExtOptions.Easy_Read_More_Collapse_text = '顯示摘要...';
連結title屬性：
BloggerExtOptions.Easy_Read_More_Collapse_text_Link_title = '顯示摘要';

6.文章延展後，收合按鈕是否移動（只有在樣式設定為「延展/收合」時才有效)
不移動，取代繼續閱讀按鈕（預設值）
BloggerExtOptions.Easy_Read_More_Collapse_Move = false;
繼續閱讀按鈕消失，收合按鈕出現在文章最後
BloggerExtOptions.Easy_Read_More_Collapse_Move = true;

7.設定各頁面預設顯示方式，顯示方式有三種：

繼續閱讀(摘要) - abstract
只有標題 - title
全文 - full

修改以下紅色字體部份即可設定
設定BLOG首頁：（預設為顯示摘要）
BloggerExtOptions.Easy_Read_More_Index_Page_Style = 'abstract';
設定Tag標籤分類頁：（預設為只顯示標題）
BloggerExtOptions.Easy_Read_More_Tag_Page_Style = 'title';
設定Archive(文章存檔)分類頁：（預設為只顯示標題）
BloggerExtOptions.Easy_Read_More_Archive_Page_Style = 'title';

8.設定快速切換按鈕顯示位置
在文章列表的頭和尾各顯示一個：(預設值)
BloggerExtOptions.Easy_Read_More_Controller_Default_Position = true;
註：可用css操控樣式，class為"read-more-controller"

自訂顯示位置：(需自行改範本的html)
BloggerExtOptions.Easy_Read_More_Controller_Default_Position = false;

若要自訂顯示位置，請在範本的html內想要擺放的位置上插入：
<div class="read-more-controller"></div>
快速切換按鈕會自動加在裡面

9.自訂快速切換按鈕的分隔符號(預設為 | )
BloggerExtOptions.Easy_Read_More_Controller_Splitter = ' | ';
修改紅色字部份即可

10.修改快速切換按鈕的顯示文字
完整模式的顯示文字：
BloggerExtOptions.Easy_Read_More_Controller_Full_Text = '完整';
摘要模式的顯示文字：
BloggerExtOptions.Easy_Read_More_Controller_Abstract_Text = '摘要';
標題模式的顯示文字：
BloggerExtOptions.Easy_Read_More_Controller_Title_Text = '標題';

問題回報頁(有問題請到此處留言發問)

[BLOGGER]繼續閱讀懶人加強版 - [版本1.x]安裝教學

2007-02-27T22:19:00.000+08:00

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>

[只安裝繼續閱讀](不含快速切換)，請複製以下程式碼貼入

<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>
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';
</script>

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

問題回報頁(有問題請到此處留言發問)

[BLOGGER]繼續閱讀懶人版(For Blogger New)

2006-11-03T02:24:00.001+08:00

注意：此篇僅適用Blogger Beta，原Blogger舊版專用的版本在這

注意2：此篇已有新版本，請到這裡觀看

這個版本是參考：
Chagg's 嘴砲日記: Blogger Beta 繼續閱讀功能改良
修改而成的懶人版，在此特別致謝

優點：不需要逐篇插入特殊的標記，會自動套用在整個Blog（懶人適用)
缺點：行數是固定的，所以沒有辦法每篇自訂中斷處

使用前說明：
本程式碼是使用JavaScript去抓<br>(換行標籤)，每個<br>就代表一行
所以要確定你的文章裡面有足夠數量的<br>，繼續閱讀才會成功

修改template(記得修改前請備份!!)
步驟1：在</b:skin>和</head>中間，插入以下程式碼

<script type="text/javascript">

function hidePost(PostBodyId,postUrl)
{
var pbody = document.getElementById('PS_' + PostBodyId);
var tagbr = pbody.getElementsByTagName('br');

if (tagbr.length > 3)
{
var britem = tagbr.item(3);
while (britem.nextSibling!=null)
{
britem.parentNode.removeChild(britem.nextSibling);
}
britem.parentNode.appendChild(document.createElement("br"));
eA = document.createElement("a");
eA.setAttribute("href",postUrl);
eA.setAttribute("title","繼續閱讀");
eA.appendChild(document.createTextNode("...繼續閱讀"));
eB = document.createElement("div");
eB.setAttribute("id","read-more");
eB.appendChild(eA);
britem.parentNode.appendChild(eB);
}
}

</script>

步驟2：找到類似以下的區塊

<div class="post-body">
<p><data:post.body/></p>
<div style='clear: both;'/>
</div>

用以下的程式碼取代：

<div class="post-body">
<div expr:id='"PS_"+ data:post.id'>
<data:post.body/>
</div>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.url'>
<script type='text/javascript'>hidePost('<data:post.id/>','<data:post.url/>');</script>
</b:if>
</b:if>
<div style='clear: both;'/>
</div>

步驟3:Save Template，Enjoy It

補充說明：
前面的程式碼，預設是每篇會保留前四行
要加大或縮小的話，請修改步驟1的程式碼：

if (tagbr.length > 3)
{
var britem = tagbr.item(3);

把兩個數字'3'換成你要的行數即可

[BLOGGER]繼續閱讀懶人版(For Blogger舊版)

2006-10-30T15:50:00.001+08:00

2006/11/3補述：此篇的原稿已經被我改成Blogger Beta的版本，好像還是有蠻多人還在用舊版，所以再貼出來給大家參考

注意：此篇不適用Blogger Beta，Blogger Beta專用的版本在這

這個版本是參考：
程式設計 NEXT SERVICES
作者的程式碼略微改寫的成品，在此特別致謝

優點：不需要逐篇插入特殊的標記，會自動套用在整個Blog（懶人適用)
缺點：行數是固定的，所以沒有辦法每篇自訂中斷處

使用前說明：
本程式碼是使用JavaScript去抓<br>(換行標籤)，每個<br>就代表一行
所以要確定你的文章裡面有足夠數量的<br>，繼續閱讀才會成功

修改範本(記得修改範本前請備份!!)
步驟1：在</style>和</head>中間，插入以下程式碼

<script type="text/javascript">

var PostMAXLine = 4; /*每篇顯示最大行數(大於此會縮起來)(繼續閱讀)*/

function SimplifyPostBody(PostBodyId,ContinueReadLinkUrl)
{
var strPostBody = document.getElementById(PostBodyId).innerHTML;
var strTag= '<BR';
var iTagIndex= strPostBody.indexOf(strTag);
if (iTagIndex ==-1)
{
strTag= '<br';
iTagIndex= strPostBody.indexOf(strTag);
}

var iTempIndex = -1;

for (i=0; i<PostMAXLine ; i++)
{
if (iTagIndex != -1)
{
iTempIndex = iTagIndex + 1;
iTagIndex = strPostBody.indexOf(strTag, iTempIndex);
}
}
var iTargetTagIndex = iTempIndex - 1 ;
var strMiniPostBody = strPostBody.substring(0,iTargetTagIndex) + '<p><br/><a href="' + ContinueReadLinkUrl + '" title="繼續讀下去...">(繼續閱讀 ... )</a></p>';
if (iTargetTagIndex != -1)
document.getElementById(PostBodyId).innerHTML = strMiniPostBody;
}

</script>

步驟2：找到類似以下的區塊

<div class="post-body">

<p>
<$BlogItemBody$>
</p>
</div>

用以下的程式碼取代：

<div class="post-body">

<div id="POSTBODY_<$BlogItemNumber$>">
<$BlogItemBody$>
</div>

<MainPage><script>
SimplifyPostBody('POSTBODY_<$BlogItemNumber$>','<$BlogItemPermalinkUrl$>')
</script></MainPage>

</div>

步驟3:重新發佈，Enjoy It

補充說明：
前面的程式碼，預設是每篇會保留前四行
要加大或縮小的話，請修改步驟1的程式碼：
var PostMAXLine = 4; /*每篇顯示最大行數(大於此會縮起來)(繼續閱讀)*/

把'4'換成你要的行數即可