Series Post Hack for Blogger

This hack is to show a "Post Series" list after (or anywhere) main article.
The list is searched by custom keyword with in the articles of same tags.

The DEMO can be found just at the end of this page.
This hack is forked from WFU Blog.

Base on original code to add the following feature :

• Customized number of post listed, minimum 3 posts.
• Current article will be listed in the middle of the list.

Installation

Back up your template first，then edit the template
Add the following content just before </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>

Please get PostSeries_AEz_v1.js from the link in a.src，upload to your own host and get the link of this js file, the put the link to a.src

numPost defines the number of post in the list.
pointer defines the pointer to current article, can change to image link (http://xxx.xxx/xx/xx.png)

Usage

Add the following content to your article, then it will do the magic.

<div id="postSeries" title="KeyWord"><b>Post Series： </b></div>

Note: Add this code to article template in blogger control panel will be a good idea.

This tool will search articles contain the KeyWord in title which have the same tag of current article. So to make other article show up in the list, it need to have same tag with current article, and has the KeyWord in title.

This tool support multiple KeyWord, just separate with space between each KeyWords (ex: title="Blogger Hack"). Please note the KeyWord is operated in AND mode, it means the article must include all KeyWord listed in title to be shown.

Custimize CSS

Add the following CSS to template or somewhere can have some modification to the list area.

#postSeries {
margin: 20px 0px; 
}

Post Series：