Blogger 小工具Hack - 相關系列文章 加強版

此工具可以自行定義系列文章，在文章前後(或任意位置)列出依照條件搜尋出的系列文列表，方便讀者參考。

非常適用於同主題但多篇文，或列出所有相關的主題列表。

本文最下方可以看到效果。
For English version, please check Series Post for Blogger

這個工具參考WFU Blog的資訊修改而來，基於原來的版本增加了以下功能：

• 可以設定顯示的文章數 (最少3篇)
• 排序後以本文為中心，列出前後的數篇文章

安裝 Installation

先備份範本，然後編輯範本
在 </body> 標籤前加入以下內容

<!-- AngeloEyez: Post Series -->
<script> //<![CDATA[
    var postSeries = {
        numPost: 5,
        pointer: "👈"
    };
(function() {
    if (document.getElementById("postSeries")) {
        var a = document.createElement("script");
        a.src = "https://drive.google.com/file/d/1u1J-214fzAVm5IS5L3ca6e1jSQa0Viw1/view";
        document.documentElement.firstChild.appendChild(a)
    }
})(); //]]></script>

請根據a.src的網址下載PostSeries_AEz_v1.js，上傳到個人的外連空間，取得自己的 JS 檔外連後，修改成相對應的網址

numPost 是要顯示的文章數量
pointer 是指出本文的指標，也可以將雙引號內換成影像網址

使用方法 Usage

在文章後面加上以下內容，即可以顯示系列文章

<div id="postSeries" title="關鍵字"><b>相關系列文章： </b></div>

Note:可直接將此段語法加入後台文章範本

系統會先撈出與本文相同標籤的文章，再篩選出標題包含關鍵字的文章，排序後列出，所以想要列出的系列文章，除了標籤必須相同，標題還必須包含相同的關鍵字

關鍵字可以有多個，例如 title="Blogger Hack"，多個關鍵字之間用空格分隔，請注意這邊的效果是AND，也就是多每個關鍵字都存在的文章才會被列出

自訂CSS

在範本中，或是後台自訂CSS的設定中加入以下CSS可以自訂系列文章顯示區域的格式

#postSeries {
margin: 20px 0px; 
}

相關系列文章：