Tuesday, February 24, 2009

控制blogspot首页的显示方式--继续阅读懒人加强版

      blogspot的首页只能显示全部的文章,如果文章一多起来,那个页面,老长了,严重打击各位看官的心情,另外还涉及到缩短滚轮的寿命,不爽啊。那么,blogspot的首页页面太长怎么解决,比如只让其显示标题,或者文章的摘要,或者按照一定的长度显示部分文章呢。
      经过我5分钟不懈的努力,找到以下完美的解决办法,记录如下:

安裝前注意事項:
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.按「儲存變更」,安裝完成!!



原文见[BLOGGER]繼續閱讀懶人加強版 - [版本2.x]安裝教學,真诚感谢这位台湾台北的CJH朋友!

No comments: