2009年9月20日 星期日

Blogger的首頁總是顯示全文太冗長?試試這個!

我從這裡學到的:繼續閱讀懶人加強版

blogger預設的首頁格式會把每一篇文章的「全文」顯示出來,導致Blogger的首頁總是落落長,不但不好閱讀、要尋找文章也不方便。因此自行修改預設的版面配置,方法如下:

步驟一、進入Blogger的資訊主頁 → 版面配置 → 網頁元素

步驟二、按下「新增小工具」,選擇「HTML/JavaScript」

步驟三、「標題」欄位,填入 ##EasyReadMore##

步驟四、「內容」部份,複製以下程式碼填入
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://cjh829-easy-read-more.googlecode.com/files/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>

步驟五、按「儲存」→ 大功告成

※若想要自行修改這個外掛的細節,可以參考[版本2.x]參數設定說明繼續閱讀懶人加強版

奇怪的是,「這篇文章」在首頁中卻無法縮起來??怪了。

0 意見:

張貼留言