Google 部落格版面設定－文章摘要

　
　　Google 部落格的好處之一是，自由度很高。你除了套用原來的範本之外，也可以自己做一些簡單或複雜的改變。

　　舉例來說，你每次進到部落格首頁，都會看到新文章的「全文」。但是這樣一來，頁面會變的很長，你必須滾很多次滑鼠滾輪，才能看到另一篇文章。有沒有可能，在首頁只顯示每篇文章的「部份摘要內容」，有興趣的話，再點擊連結去看全文？

##CONTINUE##

　　有的！用 Google 找了一下，找到一位好心的 Racklin 阿土伯大大，他免費提供自己寫的程式供網友套用，可以達到「文章摘要」的功能。我以使用者的觀點，把詳細的步驟整理如下：

• 在首頁按〔自訂〕〔範本〕〔網頁元素〕
• 〔加入網頁元素〕〔HTML/JavaScript〕〔加入 Blog〕開啟小視窗
• 〔標題〕欄位填入「##HIDEME##」，這樣子這個網頁元素會自動隱藏起來。
• 〔內容〕欄位填入
  

<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-0.6.3.pack.js" type="text/javascript"></script>
<script src="http://blogger-ext2.googlecode.com/files/plugin_replace_continue_markup.pack.js" type="text/javascript"></script>
<script>
// Blogger NavBar// true = 隱藏 false = 不隱藏
BloggerExtOptions.hide_navbar = false;
// Blogger NavBar// true = hover
BloggerExtOptions.fade_navbar = true;
// 支援 繼續閱讀功能 // true = 開 false = 關
BloggerExtOptions.replace_continue_markup = true;
// 動態展開時，是否使用動畫效果
BloggerExtOptions.replace_continue_markup_animate= false;
// 使用 URL 連結文章而非 javascript 動態展開
BloggerExtOptions.replace_continue_markup_as_link = true;
// 繼續閱讀功能顯示之說明文字
// 可以是圖 img 或任何 html 語法
BloggerExtOptions.continue_markup_expand_title = ' [+]繼續閱讀全文....';
BloggerExtOptions.continue_markup_collapse_title = '[-]取消繼續閱讀全文....';
</script>

• 〔儲存變更〕回到網頁元素視窗
• 〔儲存〕完成設定
• 接下來，在每篇文章中插入特別的字串 ＃#CONTINUE## ，那麼，從文章開頭到 ＃#CONTINUE## 的部份就會成為文章摘要，＃#CONTINUE## 之後的部份就會被自動隱藏起來。（請把全型的＃改成半型的 #）
• 完成。
  

　　這下子，你也可以和我一樣，有一個簡潔清爽的首頁了。

　　當然，阿土伯的程式功能不止於此。你可以看一看這個網頁，再多挖一些更棒的功能出來。