參考文章：
- 加入相關文章功能 (Related Post) -- Abin's Tech Note
- 【Blogger】相關文章(Related Posts)--Endless TACOJOHN
- 依相關度排序 ---- 更有看頭的『相關文章』功能--水瓶尤加利
- 替Blogger加入相關文章功能（二）--挖哩勒~胡說八道
- How to Show Related Posts / Articles in Blogspot Blogs - Create Related Posts Plugin / Widget for Blogger.
原本參照 Abin 的文章操作，但總在存檔時出現錯誤。
後來在參照 TacoJohn 的說明後，互相比對，才總算成功。
但是還有些小問題需要處理，如下圖：
- 位置太靠近左邊緣。
- 最好能放在張貼意見的前面。
先節錄 Abin 在該篇文章的部分討論回文，再找時間調整：
Abin :
To Violet: 你的問題有兩個部分，第一個部分是和文章黏在一起，請搜尋程式碼裡的這一段：document.write('Related Posts: <ul>'); 它是產生「相關文章」區段的第一行，我的範例裡面沒加任何 CSS 修飾，目的是希望要用的人自己依照自己的版面調整，如果直接引用就會黏在你插入區段的後面。最簡單的調整法就是加個換行符號，就會分開了，像是這樣：document.write('<br/>Related Posts: <ul>'); 第二個部分其實和第一個問題有關係，如果你沒有根據自己的版面調整，而是直接貼用整段程式碼，則「相關文章」這個區段的樣式會使用你自己文章版面的樣式。所以如果你只要調整「相關文章」的字型大小，你應該針對該區段自行定義一個 CSS 樣式標籤，然後用在該區段的前後。你可以參考我 Blog 的原始碼，我有定義一個 <span class="post-related">，作用就是用來自訂「相關文章」區段的樣式，可以解決黏在一起的問題，也可以自訂該區段的字型大小。（因為這是我個人的樣版，不一定和大家的網頁樣版相容，所以沒有放在範例裡面）
------------------以下于 2008.11.09 下午 5:1８ 修正 ---------------------
最後還是採取了 水瓶尤加利 的 相關文章點播台 -- RPS 1.0 beta。簡單方便不用傷腦筋。
簡單說明步驟如下：
- 在 </head> 之前加入下列語法。
<!-- 先載入 jQuery -->
<script src='http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js' type='text/javascript'/>
<!-- 再呼叫 相關文章點播台 RPS 1.0 beta 測試 -->
<script src='http://eucaly61-java.googlecode.com/svn/trunk/rps-10-mini.js' type='text/javascript'/> - 其中載入 jQuery 的那一段原文有提到但是沒有列出。因為我的 Blogger 沒有使用過，所以才加進去。我是參照 jQuery 學習心得筆記 (2) 的說明，到jQuery 專案網頁上取得聯結之後加入的。 位置如下圖：
- 完成後，結果如下圖：
沒有留言:
張貼留言