2009-02-02

我的Read more

關於這次改版我用的Read more

真的不錯用,安裝方式又非常簡單

所以特別提出來給大家參考

------------------------------------------------------------------------


基本上我是先套用CJH大大的

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


再自己稍作修改,關於安裝部份請直接參照CJH的教學

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


一直做到這邊應該都沒什麼問題,就是只要新增一個

HTML/JavaScript小工具

標題輸入 ##EasyReadMore##

內容輸入

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


------------------------------------------------------------------------


以下為修改內容

┌──────────────────────────────────┐

以上橘字部分我個人有修改

首先修改的是【標題 ##EasyReadMore##】

由於這版的Read more不會隱藏

所以只要找個也是需要Html語法的小工具放在一起就可以把它藏起來囉

我個人是藏在歡迎光臨【寵愛Pets 沙宣】's Blog裡面

所以我只要把標題的【##EasyReadMore##】改成

【歡迎光臨【寵愛Pets 沙宣】's Blog】就可以了

接下來修改的部份

EasyReadMoreSettings.Mode_Auto_MaxLine = 3; 這邊的數字是修改顯示的行數
目前我的設定是7

EasyReadMoreSettings.Link_Style = 'directlink';
這邊是選擇模式directlink是直接開啟文章連結collapsible是直接在內文展開
目前我的設定是collapsible

EasyReadMoreSettings.Link_Text = '...繼續閱讀'; 這邊是繼續閱讀鈕顯示的文字
目前我的設定是...Read More


EasyReadMoreSettings.Link_Text_title = '繼續閱讀'; 連結的title屬性
目前我的設定是Read More

-------------------------------------------------------------------------------------------

這邊是使用內文展開模式才會使用到的參數

EasyReadMoreSettings.Collapse_Link_Text = '顯示摘要...'; 展開後會顯示的文字
目前我的設定是Hide...

EasyReadMoreSettings.Collapse_Link_Text_title = '顯示摘要'; 連結的title屬性
目前我的設定是Hide

-------------------------------------------------------------------------------------------


EasyReadMoreSettings.Collapse_MoveToEnd = false;
這個是文章展開後,收合按鈕是否移動(也就是會不會移到文章尾端)
目前我的設定是true


└──────────────────────────────────┘

以上修改完畢後各位看到【歡迎光臨【寵愛Pets 沙宣】's Blog】裡的那張連結賣場

圖片,圖片當然是自己做啦,至於連結語法如下

<a href="賣場網址"><img alt="圖片名稱" src="圖片網址" /></a>

HEMiDEMi Technorati Del.icio.us MyShare個人書籤 Yahoo

0 意見: