100% Free

Series Navigation Generator

Add beautiful navigation to your blog series.
No coding needed — done in just a few clicks.

// Products

Who Made DishUpload your dish and AI rates its visual appeal with a score and a witty one-liner. Share your card and compete on the leaderboard.

→

📑

TOC Widget GeneratorAdd an automatic table of contents to your blog. Supports inline, sidebar, and mobile modes.

→

How It Works

Still updating each post's TOC one by one?

Edit one file and all posts update automatically

Build your nav hereClick-based, no coding required

Download & set upFollow the guide to apply to your blog

✓

Just edit 1 file from now onAll post navs update automatically

Perfect for you if...

📈

You want readers to explore more

Help series readers naturally discover related posts

😰

Readers get lost without a TOC

Stop losing readers who wonder "what's the next post?"

🙅

You don't know HTML/CSS/JS

Create clean navigation with just clicks, no code

😤

Editing every post is too tedious

Stop manually updating every old post when you add a new one

🎨

Your current TOC looks plain

Get a beautiful design that matches your blog instead of plain text lists

⏱️

You want to increase dwell time

Series navigation keeps readers browsing longer, boosting your blog metrics

Key Features

🎨

10 Design Templates

One-click color and style selection. Custom colors also supported.

🛠️

Detailed Feature Settings

Collapse/expand, current post highlight, prev/next navigation — toggle ON/OFF with one click.

🔄

One Setup, One File to Manage

After initial setup, just edit one JS file and all post navs update automatically.

⚡

No Coding Knowledge Required

Follow 5 steps and you're done in 5 minutes. Truly zero coding needed.

💾

Save & Load Your Work

Save as a JS file and load it later to make changes. Mid-work saving is OK too.

📦

One-Click ZIP Download

Download code + data files in a ZIP and start using immediately.

Supported Platforms

VerifiedTistoryFully supported — use directly in HTML mode

Want to use it on another platform?

📧 Contact us at buildify365@gmail.com

Is it free?

Yes, completely free.

This widget uses GitHub Pages' free static hosting.
Files are stored in your GitHub account, so there are no server costs.

100GBGitHub monthly free bandwidth

~50KBTransfer per page view

2M+Monthly page views covered

With browser caching, actual capacity is much higher.
If you exceed this traffic, contact buildify365@gmail.com.
Reference: GitHub Pages official docs — Usage limits

FAQ

What is GitHub?

A free service for uploading and managing files online. We use it to host navigation files that your blog loads. Think of it as "free file storage + free web hosting."

Do I need a GitHub account?

Yes, but signing up is free and takes about a minute. Just upload files and enable GitHub Pages — that's all you need.

Can I use it without any coding knowledge?

Yes! Follow the 5-step guide and everything is done with clicks. No code writing required at all.

What do I do when I add a new post?

Just edit one series data file on GitHub. All posts in that series will update automatically.

Can I create multiple series?

Yes! Create a separate data file for each series. The rendering engine is shared, so just add files.

Does it work on blogs other than Tistory?

Currently verified on Tistory only. For other platforms, contact buildify365@gmail.com.

Will it affect my blog's loading speed?

The widget is only about 50KB and browser caching means almost no additional loading on return visits.

Can I change the design later?

Anytime! Come back to this generator, load your work file, change the theme or colors, and download again.

What's in the downloaded ZIP?

README.md — Usage guide
series-nav.js — Rendering engine
series/[seriesID].js — Series data (post titles, links, etc.)

Is it safe to download JS files?

Yes, completely safe. JS files don't execute when double-clicked. They only run when loaded via a