2007年2月28日 星期三

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

可設定部份為程式碼後段,被<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 = '標題';

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

3 則留言:

  1. 尋尋覓覓終於找到這裡,真是太方便了,感謝分享!

    回覆刪除
  2. 您好,感謝您提供這麼棒的solution,小弟我有個龜毛的請求:請問該如何把"...繼續閱讀"靠右擺呢? 麻煩您了!謝謝~

    回覆刪除
  3. 這功能太棒了....使用者可以自行選擇閱讀模式, 非常符合人性化與自由度....

    回覆刪除

注意事項:

**若要問問題/功能建議/裝了不能用,請到問題回報頁(在其他地方問,不予回應,抱歉)

**發問前,請先參考參數設定說明以及常見問題Q&A

作者是CJH
不是 阿土伯 也不是 Josh(不要搞錯\_/)

##EasyReadMore##