2008年3月5日 星期三

繼續閱讀詳見全文--加強版 --BLOGGER

加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl

原文出處 : 繼續閱讀懶人加強版

v2.1.0 此版本的重點特色及安裝方式流程都在下面一一呈現給各位讀者

一、特點:
1. 安裝簡易:不需懂程式、html語法,只要點點滑鼠、複製貼上即可使用
2. Auto縮文模式:自動套用在整個blog,不需逐篇插入標記(懶人適用)
二、功能介紹:
1.提供 三種 縮文(繼續閱讀)模式:

  • Auto模式:自動以行數(br)縮文
  • Custom模式:使用者自行插入特殊標記(標記格式可自訂),由標記處開始縮文
  • Mix模式:混合Auto和Custom模式(若有特殊標記,則由標記處縮文,若沒有特殊標記,則按照行數自動縮文)
2.提供 兩種 繼續閱讀連結樣式:
  • 直接連結:點選「繼續閱讀」,直接連到文章全文
  • 展開/收合:點選「繼續閱讀」,原處 展開/收合 隱藏的內容
3.可設定各頁面(首頁、標籤(tag)分類頁、blog存檔(archive)頁)的文章顯示方式:
  • 全文:不做縮文動作
  • 摘要:縮文,並顯示繼續閱讀連結
  • 標題:只顯示標題

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

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

<script src="http://cjh829-easy-read-more.googlecode.com/files/jquery-1.2.1.pack.js" type="text/javascript"></script>
<script src="http://cjh829-easy-read-more.googlecode.com/files/cjh829-easy-read-more-2.1.0.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.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.按「儲存變更」,安裝完成!!

沒有留言:

狀態廣告

EasyReadMore