Skip to main content

(Blogger) KazeManga – Manga & Novel Template | unreleased - Update#1

Messages
77
Points
+13548

Reputation: 770%

New #1


This template is built on a handcrafted Single Page Application (SPA) architecture, delivering near-instant page load speeds while minimizing resource usage and bandwidth consumption.💀



Theme Features:

Waiting for updates....





Video Demo Single Page Application (SPA)



Stable during fast navigation while saving data and resources.

Ensures high stability during browser back/forward navigation while optimizing resource usage by aborting fetch requests with AbortController.

Video demo:



Product Image Gallery

Inspiration & references:

0
Vu

Vu
Top Poster

Messages
36
Points
+399

Reputation: 100%

New #2
I have optimized the post loading speed. For first-time visitors, posts will load in around 300ms to 1000ms (in the worst case, up to 2000ms).
The main time-consuming part is loading the feed source.
Post search only takes around 1ms to 10ms, so it doesn't have any noticeable impact.
Video: https://streamable.com/52680b
0
Vu

Vu
Top Poster

Messages
36
Points
+350

Reputation: 100%

New #14
New Update #2 ( Progress: 60% ):
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilBkqgdArRreCvSkoRM9cUiZ5wDzQpzCJpuxRM_vuA-TxQb3NIv07Rd48cirhG26ztGCXStK7U7sO_NGfzpbqA8zulFSHoOo0RrTnL2kX0RR6oN4i0SH6JtO_e7EwfeZWPxNnWkKL6AR0XE7tO9meIIFD-0kaBR0KwhW7fHCWCklTsj1TX07QsfX0AptY/s1600/50fc7c6b-53e1-4d36-a640-9683f4461b16.png
0
Vu

Vu
Top Poster

Messages
36
Points
+560

Reputation: 100%

New #16
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm_-wwJggFKwXeg7lKgZXQ4jZL697WHxKQYo6Y67aZkP3oQYxZLisJ-34RgMcqMYVdrOlLFrhOOlLOIK0nKHN6ZjBUgtVZ9E3RF6m286ATmFA5Ob1CsYIfPlANJ00SuWkqzlWzLZF4z0LOf2LE3FtvgIU_xYcIpRX4Cfx8j-SnXbaSsDVoTLHC0FNGdvE/s1600/3.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivtE9kBuiF6HhOWiYIeaSOCFYWjdhJZWfz1ph4EwyjCDKwNF5r7-B_b_4H2fva9eM3lmvWZl_ACTo4iJFObndgjCTmHqdzE2u0sh49LkmFueQsVZogyy119Pho9swT_l4YlT-90S2P_e_hHIaV0psUpe9xsyoHas8oy4J7jYoOAyv-C3pZ7SwRwx_qTS0/s1600/2.png
0
Vu

Vu
Top Poster

Messages
36
Points
+376

Reputation: 100%

New #19
Customize it yourself
https://anotepad.com/notes/t6yckh2e

To be fair, at the very least, you could create a post introducing my Kazemanga theme on your blog. It's an exclusive feature of this theme, and it’s just a bit of advertising. You can remove it after a week or a month. I need more people to show interest so I can continue developing this theme :D
0
Vu

Vu
Top Poster

Messages
36
Points
+889

Reputation: 100%

New #22
Very good :D The HTML structure is pre-built using innerHTML, and functions are created for each specific page, such as the homepage, post page, etc. When the user enters any page, we determine which type of page it is. We just need to check simply: "/p/" => static page "/yyyy/dd/" => post page "/" => homepage "/search/label/" => label page

Then, call the corresponding function to run that page. Additionally, using history.pushState creates a simple single-page application.

For chapter/novel pages: I will load the feed and store all the chapters in an array. When there's a next/previous action or a chapter is selected from the list, we will fetch the data from the array. This will be reused multiple times, saving bandwidth and device resources.

I'm really glad you asked the question :D
0
mak

mak

Messages
4
Points
+237

Reputation: 40%

New #24
Aku suka banget sama tema EmissionHex yang sekarang, tampilannya makin rapi dan teratur. Tapi menurutku bakal lebih oke lagi kalau angka kayak jumlah pesan atau artikel ditaruh di samping ikon. Kelihatan lebih rapi dan enak dilihat juga.
0
Vu

Vu
Top Poster

Messages
36
Points
+264

Reputation: 100%

New #39
Update #6: Following multiple bug iterations and fixes, the SPA has reached a stable and complete state.
Built with approximately 4,200 lines of JavaScript, it delivers instant loading speeds between pages.

Demo video: https://streamable.com/lvlz0v
0
Vu

Vu
Top Poster

Messages
36
Points
+153

Reputation: 100%

New #40
The JavaScript is ridiculously long, but it works incredibly well — way beyond what I expected
Could this be the first homemade SPA on Blogger? =)))
0
Vu

Vu
Top Poster

Messages
36
Points
+303

Reputation: 100%

New #54
live search is working fine

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYLcID2AKZURldc1kDBE3O7PkOfxqJGUA-qgwPpLN81JIRUwWawy8ZJho6PmjVUoL19VSTVKCr6oQYG7fk-9s8x-EkKhuCsaUE_tZcw_vjjjaglw8pMaAZmB-coJxKAPi6u82mdHl17NDoazYq5Cq30x4fdhL4-X55MTqXCzypuRpznNw88tlmzgpeQ0g/s566/412323.PNG
0
Vu

Vu
Top Poster

Messages
36
Points
+162

Reputation: 100%

New #57
Need more adjustments before publishing. Currently I will publish domestically first and then internationally. And importantly, there is no English version yet :v
0
Vu

Vu
Top Poster

Messages
36
Points
+184

Reputation: 100%

New #61
WebP images are supported, and it also includes automatic image compression by resizing. As long as the image is from Blogger with the domain 'blogger.googleusercontent.com' :D
0
Vu

Vu
Top Poster

Messages
36
Points
+214

Reputation: 100%

New #67
It was already very good, so I haven't thought about adding any new features yet. But when I come back, I'll review the source code before adding any new features. Right now, I only remember a little bit :v
0
Dũ

ADMIN

Messages
7
Points
+325

Reputation: 70%

New #70
Update: Upgrade the caching feature for story chapters.

Previously, this caching functionality only supported “Series” posts. I have now enhanced it to also support individual posts (Chapter/Novel), ensuring an exceptionally smooth and seamless user experience.

Demo video: https://streamable.com/2gok0c
0
Dũ

ADMIN

Messages
7
Points
+1040

Reputation: 70%

New #71
Update #2: Bug Fixes, Optimizations & Misc Improvements
-Fixed the "back/forward" issue on the chapter page.
-Optimized bandwidth usage by canceling early fetch requests using AbortController. With AbortController, unnecessary fetch requests can be aborted. Documentation: https://developer.mozilla.org/en-US/docs/Web/API/AbortController
- Optimized the chapter SPA. Rapidly spamming the next/prev buttons could sometimes cause bugs, so I’ve improved it to allow users to freely spam next/prev without issues.
- Refactored the global cache and fixed minor bugs. Series data will retain the latest ~500 series. Chapter data is cached using an optimized strategy to ensure efficient memory usage and up-to-date content.
- Improved chapter SPA performance using requestAnimationFrame.
- Added chapter count for each item on the homepage / search page / series page (displayed as a label).
- Added story type tags for each item on the homepage / search page / series page (displayed as a label).
0
Dũ

ADMIN

Messages
7
Points
+386

Reputation: 70%

New #72
I’m currently still working on the international documentation, so I’ll announce the official release date later!
In the meantime, I hope you can try the demo version. If you encounter any errors or bugs, please report them here.
You’ll be amazed by the page loading responsiveness :V And don’t forget --- it’s built on Blogger!

Demo: https://mskmangaz.blogspot.com
0
Dũ

ADMIN

Messages
7
Points
+307

Reputation: 70%

New #73
AbortController:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEmNWpae7noCnauNYPEyp8n4fimfVLcUlMXTAN5pZh0I-6LnjLoe5oLKIORJpPL0HguT0wr9mOWcwvDArEires9uysrgli2gQQDTnCflex-atK5KG8zh8dssKXkgvnnPhZga5U0uBPzLsQfumv1tmpd8UwUJpeXBU5x7cFIFpKOkP3IUfjKof2PvhR1vs/s1600/fascxxxxx.PNG
0
Vu

Vu
Top Poster

Messages
36
Points
+522

Reputation: 100%

New #74
It’s not an update, but a demo of the premium Series data entry form exclusively for ‘KazeManga’. This is a new step forward?
Img:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVnocYCbDI4OsZZK60jSSgOu6a8QvKSG8xYzqZIISXfdm30q8E-tFyN5gtjFo7HbFa79rvWVVLFfhxK_zgD5OId_fY_V3klkv7hmZxcsoo1i1NgSDtJ5dhThOyzLXlXOle2mazT76K1avC451iTfhaDBJJcT7jTukCCpscIQYM_sqnmTSApJNmVI3iNII/s1600-rw/Capture.PNG

Video demo: [link video]
0
Vu

Vu
Top Poster

Messages
36
Points
+555

Reputation: 100%

New #75
In the demo video, the uploaded images were processed using the API from “htt?ps://?doc?s.goo?gle.co?m/up?load/blogger/ph?ot....” — which is actually the same API that Blogger is currently using.
This image API typically generates URLs in the format “blogger.googleusercontent.” However, after multiple tests, I only obtained URLs in the format “https://lh3.googleusercontent.com.”
This is not a major issue, as the images still function normally — they can be resized and continue to support WebP format, similar to “blogger.googleusercontent.”
0
Vu

Vu
Top Poster

Messages
36
Points
+290

Reputation: 100%

New #78
Update for tool:
I realized that “https://lh3.googleusercontent.com”
might expire, so I improved it to retrieve images directly from “blogger.googleusercontent.”

Video demo: [link video]
0
Post a Comment
Forum rules
You can use English or Indonesian
Back to top Back to bottom