@Anonymous I gave up on using google sheet. Because it's too slow, you can use firebase and there are many tutorials on the internet using firebase to create postviews.

Ah, I see. The scheme also tracks the number of chapters being added.
Hopefully, this will enhance SEO even more.

I think it doesn't improve much. Besides, the diagram is not a surprise factor, I'm currently building a story and chapter posting system based on "blogger api". I hope this factor is a surprise factor and simplifies for users :D

I'm currently in the process of creating the most important part which is the "Series" label post, I'll send you a demo later :)

Demo: https://youtu.be/h7SaOprDA3s

Awesome.
So this is post generator with login.

I hope to use this tool fully to post chapters, manage everything here :))

It's good, but why not just get the data from myanimelist or anilist? to make it more practical?

this is just demo

but it's really good, can't wait to see what the final version looks like.

Currently the performance is very good, can add and edit "Series" posts, can currently add chapters, volumes but still have some errors. Maybe there will be a demo tonight

Yes I have made it from firebase, but I am very interested in this google sheet.

Do you mind sharing it?

I can't wait the result.

This is the system to post stories using blogger api. It's not finished yet, still has some errors: DEMO
This system manages stories and story chapters very powerfully and efficiently.

Bang homepage blog emissionhex ini widget semua ya? Gak nampilin postingan yg ada di blog1 kan?
Untuk blog1 itu pake tag kondisional atau di display none bang?

Iya.
Pakai kondisi notasi not tanda seru, kalau ditulis seperti ini: cond='!data:view.isHomepage'
Paste langsung di b:widget atau b:section tergantung struktur tema.
Koleksi kondisi blogger: [RAW]

How your theme progress?

I just need to complete the "post submission" system and adjust a few things, then the theme will be finished.

I will release more demos tonight, if everything goes smoothly :D

hello min , i want to learn about making custom headers and footers and landing apge on home and homepage on custom url like hexanime for any blogger theme . can you please help me ?
Anticipating a positive response .
Thanking You ,
Anix Themes

Take your time, no need to rush.

Create structure theme like this: <b:if cond='data:view.isHomepage'>
your homepage code
</b:if>
<b:if cond='!data:view.isHomepage'>
all your other theme code
</b:if> This is over simplified, but the idea is there.

Do you want to be a "tester"? i'm looking for some people to test it. I'm basically done, but there's still a chance of errors.

Sorry, I'm still working on my theme.

ohh thanks min , btw how can we make custom headers and footers ? it is very painful for me to create 😭

I know, it not fun to make.
Learn how to use framework, it speed up your development time.
The quickest way to get started working with Flowbite is to include the CSS and JS into your project via CDN.
Paste above head <link href="https://cdn.jsdelivr.net/npm/flowbite@3.1.2/dist/flowbite.min.css" rel="stylesheet" /> Paste above body <script src="https://cdn.jsdelivr.net/npm/flowbite@3.1.2/dist/flowbite.min.js"></script> Next copy navbar code, chose any navbar you like: https://flowbite.com/docs/components/navbar/ or footer https://flowbite.com/docs/components/footer/ You can use an AI assistant like ChatGPT to help you get through this difficulty.

ok, are you making a new theme ?

The system for posting stories, chapters, and volumes has been running very smoothly. Tomorrow morning, I will release an official demo of this system, and a few days later, I will upload the official theme version :))

thank you min , yeah sure and i am working now on a new "Anime Streaming project" using base theme v12 ....

demo : https://anixplay-bt.blogspot.com/

cloning : https://github.com/5rahim/seanime/blob/main/docs/images/4/anime-entry-torrent-stream--sq.jpg

just came cross some issues like the layout is bit changed and getting issues in styling . if you are free btw can you help me with some aspects like blog1 grid layout and post series layout only ?

Anticipating a positive response .
Thanking You ,
Anix

Sorry, i still working on my theme.
In this case you can use b:tag with condition. Replace: <b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='postCommentsAndAd'/>
</b:loop> With: <b:tag class='grid grid-cols-[repeat(auto-fill,minmax(230px,1fr))] gap-4' cond='data:view.isMultipleItems' name='div'>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='postCommentsAndAd'/>
</b:loop>
</b:tag>

This tag will create new div without interfering with your post Series.

yes, updating zeistmanga v6 to latest bloggerscript library.

I have completed the posting system but now it is blocked because of posting too much :v
Demo: https://truyentranhvuipro.blogspot.com/p/quan-ly_8.html
Tomorrow I will post the demo on your page

I see, that why i got an error: Error 403: access_denied

Membuat paginasi tanpa javascript apa bisa?

Tidak bisa.

bang bisa bantu javascript?

aku ingin memasang post author blogger tapi gagal terus.

// buat ambil data penulis
const post = posts[originalPosition]; // Dapatkan post dari data yang sesuai
const author = post.author ? post.author[0].name.$t : 'Unknown'; // data penulisnya

const contentRow = document.createElement('tr');
contentRow.classList.add('post-content');
contentRow.innerHTML = `
<td colspan="4">${content}</td> <!-- Konten utama -->
<td colspan="1" class="author-cell"><strong>Penulis:</strong> ${author}</td> <!-- Author di kolom Rilis -->
`;


hasilnya Unknown terus.
gimana caranya biar dapetin post authornya?

lupa.
demonya [Disini], nanti tekan saja judulnya pasti muncul.

Coba ini: // buat ambil data penulis const post = posts[originalPosition]; // Dapatkan post dari data yang sesuai
const author = post.author ?
(Array.isArray(post.author) ? post.author[0].name.$t : post.author.name.$t)
: (post.entry && post.entry.author ? post.entry.author.name.$t : 'Unknown');

const contentRow = document.createElement('tr');
contentRow.classList.add('post-content');
contentRow.innerHTML = `
<td colspan="4">${content}</td>
<td colspan="1" class="author-cell"><strong>Penulis:</strong> ${author}</td>
`; Entah bisa atau engk, karena ini buatan ai.
Coba baca dokumetasi ini: [audiralog - Menggunakan Blogger JSON Feed API]

tetep gak bisa, mungkin mau pake nama secara langsung gak pake post author.
kalo komentar bisa di panggil pake feed json juga gak ya?
bisa bisa komen secara langsung gitu.

satu lagi, supaya url blogger.com berubah jadi nama Blognya gimana?
pake meta tag juga?

Ouput json [Link] author unknown karena
profile blogger kamu belum dibuat, makanya 'Unknown'..
buat dulu profile blog kamu seperti ini
[Contoh].

Tidak tau, google yang mengatur itu.

ada apa dengan blogmu? gk bisa dicari di google: https://datakodehiru.blogspot.com/ Coba cek pengaturan non index.

makasih bang,kirain saya salah terus pas bikin javascriptnya ternyata emang gak bisa di private.

@Wernayasa [Demo]

kalo kotak komentar blogger apa bisa di tampilin juga dengan feed json juga?
aku gagal terus.
niatnya mau pasang kotak komentar blogger di atas colspan label.
tapi gagal terus.
siapa tahu ada yang bisa disini.

Tidak tau, aku kurang paham masalah api.
Coba ini: https://stackoverflow.com/questions/48038857/blogger-how-to-get-comments-number-from-feed

this is the old code of onetap theme, I tested it and it didn't have any problem. You should try it. Code: https://anotepad.com/notes/i9rxi884
Demo: https://truyentranhvuipro.blogspot.com/p/test.html

thanks min , i also tried the framework and made temporary header ( will be replacing later ) . the main issue with the headers and footers in blogger are the img replace for logo code and all

min mau tanya ini pakai script berdasarkan label atau bukan?
[Link]

Kalau lewat blogger expression, Cara ubah hasil gambarnya ke webp gimana ya ?
<b:eval expr='resizeImage(data:post.featuredImage, 1200, &quot;1200:630&quot;)'/>

I'm sorry, it's not clear what you are describing.
Please provide me with some screenshots.

Iya, berdasarkan label.

Tidak tau.
Kalau ada yg tau tolong share triknya.

gak bakalan bisa bre, itu kan wajib di convert. blogger gak punya kemampuan seperti itu.
pake saja ini, bisa conver ribuan gambar sekaligus. gak cuman webp bisa ke ekstensi lainnya juga.

aku sudah buatin tutorialnya: [Langsung Gass]

bang toc [INI] pake apa?
saya coba pake feed json berdasarkan label lama banget, harus nunggu di load dulu.

This comment has been removed by the author.

Sequential loading from the feed source takes a long time. However, I have a method that can load thousands of chapters from the data feed in under 3 seconds.

You can refer to the following article: https://emissionhex.blogspot.com/2025/03/demo-onetap-manga-100-theme-of-story.html

gini?

const postContainer=document.getElementById("post-container");const label=postContainer.getAttribute("data-label");const feedUrl=startIndex=>`/feeds/posts/default/-/${label}?alt=json&start-index=${startIndex}&max-results=150`;let allChapters=[],currentIndex=-1;function getCurrentPostLink(){return window.location.href;}async function fetchChapters(startIndex){try{const response=await fetch(feedUrl(startIndex));const data=await response.json();return data.feed.entry.map(entry=>({title:entry.title.$t,link:entry.link.find(link=>link.rel==="alternate").href,thumbnail:entry.media$thumbnail?entry.media$thumbnail.url:"",published:new Date(entry.published.$t)}));}catch(error){console.error("Error fetching chapters:",error);return[];}}async function loadAllChapters(){try{const initialResponse=await fetch(feedUrl(1));const initialData=await initialResponse.json();const totalResults=parseInt(initialData.feed.openSearch$totalResults.$t);allChapters.push(...initialData.feed.entry.map(entry=>({title:entry.title.$t,link:entry.link.find(link=>link.rel==="alternate").href,thumbnail:entry.media$thumbnail?entry.media$thumbnail.url:"",published:new Date(entry.published.$t)})));const startIndexes=[];for(let i=151;i<=totalResults;i+=150){startIndexes.push(i);}const remainingChapters=await Promise.all(startIndexes.map(startIndex=>fetchChapters(startIndex)));remainingChapters.forEach(chapters=>allChapters.push(...chapters));const currentPostLink=getCurrentPostLink();currentIndex=allChapters.findIndex(chapter=>chapter.link===currentPostLink);if(currentIndex===-1){currentIndex=0;}updateButtonVisibility();createToC(allChapters);}catch(error){console.error("Error loading all chapters:",error);}}function createToC(filteredPosts){const tocItems=document.getElementById("toc-items");tocItems.innerHTML=filteredPosts.map((post,i)=>`<div class="toc-item"><img src="${post.thumbnail}" alt="Thumbnail" class="toc-thumbnail"><a href="#" onclick="jumpToPost(${i})" class="toc-link">${post.title}</a></div>`).join("");}function jumpToPost(index){currentIndex=index;const postLink=allChapters[currentIndex].link;window.location.assign(postLink);}function updateButtonVisibility(){document.getElementById("prev-btn").disabled=currentIndex<=0;document.getElementById("next-btn").disabled=currentIndex>=allChapters.length-1;}function navigatePost(step){currentIndex+=step;if(currentIndex<0)currentIndex=0;if(currentIndex>=allChapters.length)currentIndex=allChapters.length-1;updateButtonVisibility();const postLink=allChapters[currentIndex]?.link;if(postLink){window.location.assign(postLink);}else{console.warn("Tidak ada tautan untuk postingan ini.");}}document.getElementById("prev-btn").addEventListener("click",()=>{navigatePost(-1);});document.getElementById("next-btn").addEventListener("click",()=>{navigatePost(1);});document.getElementById("toc-btn").addEventListener("click",()=>{const tocList=document.getElementById("toc-list");tocList.classList.add("open");});document.getElementById("close-btn").addEventListener("click",()=>{const tocList=document.getElementById("toc-list");tocList.classList.remove("open");});loadAllChapters();

Pakai skrip dayat.id
skrip buatannya sangat bagus, sudah saya pakai sejak dulu.
[Source codenya]
Cari code: const npX={arr:new Array,

mantap nih

i can't translate "gini?" but it seems your code works, i glanced at the line let i=151;i<=totalResults;i+=150 so it seems you have applied it.

This is the best possible method, there is no faster method.

The common method people often use is sequential loading. Each time the number of posts in the feed equals max-results, the system will call the next start-index. However, this approach is very time-consuming when dealing with a large number of posts.

This new method is my own idea. If you look closely, you’ll notice that the openSearch$totalResults parameter represents the total number of posts across the entire system, unrestricted by max-results. By simply using this value to set up a for loop, determining the necessary start-index values, and leveraging Promise.all for parallel fetching, we can significantly optimize loading speed. This is the best possible method, so there will be no better approach.

Honestly, I believe we should reuse the feed source. If we reload the entire feed every time we switch to a new chapter, it will be time-consuming and consume more resources.

Here’s how I optimize it (only requires loading once): [Link]

For a long time, I couldn't understand what you meant.

In my new version, I've added session storage to improve the speed of navigating between chapters.

Now, after reading your second comment, I understand.
Essentially, we are reusing the feed repeatedly all across the theme?

I'm going to try to create a unified feed that can be accessed by all feed themes.
This is a big project, I'm not sure if I'll succeed.

Using "session storage" is not a good idea because it has a limit of about 5–10MB.

My idea is to use an array:
let ChapterCache = [];
to store the chapters.

We will take the id (post ID) of the current chapter and compare it within ChapterCache to determine its position.

When the user clicks "next/prev," instead of reloading the page, we will fetch the data from ChapterCache. We will reuse the existing page structure, only changing the title and content (similar to a single-page application but limited to navigating between chapters).

Using history.pushState, we update the URL as if the user is accessing a new page and push the state into the browser history. This allows the user to use the back/forward buttons as usual.

Here is a demo:
Demo page: [Link]
Demo video: [Link]

This is currently the best approach, and there is certainly no better alternative. Using "session storage" is not just a bad idea—it’s terrible. With this approach, resource usage is minimized because the feed is only loaded once, as we reuse both the feed data and the page structure.

And do you know what the result will be? Next/prev between chapters will have "NO DELAY" :)

I understand, because what I said was a bit confusing :v

This comment has been removed by the author.

I tend to write performance-oriented code, meaning it consumes fewer resources, runs faster, and has shorter execution times. I often share my approach to this, but the content seems a bit hard to understand :v

Here is an example of my idea with a simpler version: https://mskmangaz.blogspot.com/p/test.html

Nice.
I'm still not accustomed to your method, but I'm slowly learning.

Jika pakai blogger conditional tag, Cara identifikasi url memiliki query tertentu bagaimana ya?
misalnya membuka https://blogger.blogspot.com/?m=1&u=kataKunci
<!-- sudah pakai ini tapi tidak bisa -->
<b:if cond='data:blog.url has "u=kataKunci"'>
<b:if cond='data:blog.url in "u=kataKunci"'>
<b:if cond='data:blog.url includes "u=kataKunci"'>

<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "?m=1&u=kataKunci"'> Aku belum pernah melihat u=kataKunci, apa ini fungsi baru?
Query pencarian seharusnya search?q=kataKunci

Yes, it may be true, as a beginner I also had difficulty understanding it, until it took me 3 days to learn about retrieving data in batch using [promiseAll].

The result is quite satisfying, as a start for me 🥳 [Link].

I think it's better to make an article, I need to understand how it works further.
Reading it through code is a bit difficult.

itu aku hapus..karena gak dibutuhkan untuk sekarang.

Aku punya ide,
bagaimana kalau json nya disimpan di session storage (bukan local storage) dengan id post tersebut agar gk perlu load kalau berpindah chapter.

Good, but using session storage has a 5MB limit. So, we'll use an array to store the chapters and reuse it multiple times when navigating next/prev. Since the array is stored in RAM, it's more suitable for handling large JSON data that exceeds the 5MB limit.

This comment has been removed by the author.

Demo: https://youtu.be/rpmlKoCDYt4

ya, perlu dibikin database agar gk terlalu sering load, indexedDB mungkin pilihan paling bagus kalau local karena Size penyimpanan besar.

Baru pernah denganr indexedDB.
Kayaknya bagus nih.

Using IndexedDB can be quite complicated when it comes to managing series, updating data, and optimizing performance. If you're storing thousands of series and a bug occurs, fixing it can be a real headache :))

To handle this properly, you need a robust system with optimized algorithms. For example, binary search and other powerful algorithms can be applied to speed up queries.
However, to keep things simple, we can just use a JavaScript array to temporarily store the chapters – and that's more than enough!
Demo Storing chapters in an array: [Link]

If we only rely on variables to store data as an array, it is difficult to do because our website needs to load every time we change pages.

This method is only good on Single page.

Recently I tested indexedDB with 12000 data, The results are quite good even though when there is a new post or post update it takes a little longer, about 5-9seconds to update the post.

In the video, I reuse the data multiple times.
It doesn't necessarily have to be 'spa'.

Demo: Series 10.000 +
[Link]

You are right, it is very difficult to speed up queries to update a particular post.

What if there is a new post? Don't we need to reload the script?

Bagus banget malah, mines gak ada expnya gak seperti cache atau sessions

Here is an example I reused without the website being a spa: https://mskmangaz.blogspot.com/p/test.html

This comment has been removed by the author.

Really, really terrible :v

Why not use pagination instead? It will save a lot of resources, better performance.

It will adapt to user needs and always return the latest data.

Instead of loading the entire feed, only the relevant portion is loaded based on the user's current page.

Demo: [Link]

Because I prefer to use loadmore/scroll like tachiyomi.
There are already 4 modes in the code
1. load All
2. pagination
3. Btn load more
4. Scroll Load more

Gk kepikiran membuat pengaturan seperti itu.

Kayaknya komponenmu sudah lengkap, bisa dibikin web app mirip tachiyomi. ☑ Homepage
☑ Reader
☑ Chapter List (Series)

I initially thought it would load everything.
However, you should use a Web Worker to prevent lag on the main thread when loading Series data into IndexedDB.
Additionally, there are several major challenges, such as updating posts, optimizing resources, and bandwidth efficiency.
There's a similar site that also uses IndexedDB for storage across the entire platform: https://truyendex.com/nettrom

iya semua komponennya udah lengkap total, tinggal pasang keblog aja (lagi rencana bikin blog libary compact).
cuman belum ada waktu aja.

Yap, itu masalahnay.
Banyak rencana tapi sedikit waktu.
Tadi pagi aku coba bikin ui untuk web app, ternyata sulit juga.

Proyeknya batal.
Aku bakal bikin web app kalau antrian tema sudah clear.

kira-kira berat gak nih bang?
Baca manga : [Demo]
Baca novel : [Demo]

Untuk baca manga pake navigasi dinamis bisa dengan cara klik gambar dan navigasi keyboard jadi enak mau di baca di pc atau mobile apalagi fokus ke manganya.

Untuk baca novel pake highlight teks jadi enak kalo pake text to speech.

untuk baca novel masih agak was-was soalnya itu merubah struktur html ketika ada higlight teks jadi takutnya bikin yang perangkatnya biasa aja jadi lag.

Ringan. Recomended.
Seharusnya seperti ini post chapter, temaku sudah ketingalan zaman.
Makanya, kedepannya nanti temaku pakai cara ini.

Aku gk terlalu minat dengan text to speech.
Tapi berguna untuk orang yg punya disabilitas.

Menurutku gk akan berdampak pada peformace.

Hello guys. I don't speak your language, so i will speak in english. I would like to know how to use the "random post" field. I labeled some works as "completed", as it is marked in the field, but the works did not appear, this part just kept loading. What should I do to make it work?

What theme do you use?
Put label Completed
Labels are case sensitive.

gimana cara pasang badge sesuai label?

<b:if cond='data:post.labels any (l => l.name == "OVA")' name='OVA'>
Code html disini...
</b:if>

Seharusnya sama menurut homepage.
Sudah kucek, hasilnya sama.
Ada yg munculnya delay.

bukan delay bang tapi infinite scroll.
postingannya aku set 9.

untuk menghilangkan postingan tertentu di blog1 biasanya menggunakan apa?
saya pake ini:
<b:loop index='i' values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:if cond='!(data:post.labels any (l =&gt; l.name == &quot;Chapter&quot;))'>
<b:include data='post' name='postCommentsAndAd'/>
</b:if>
</b:if>
</b:loop>
ternyata kalo pake itu yang di hilangkan juga masih termasuk postingannya, jadi kalo di set 9 post, postingan terbaru yang di hilangkan tetap di hitung, di homepage jadinya cuman ada 8 postingan.

jadinya bukan pake postingan di blog1, tapi pake widget?

Yap, benar.
Semuanya widget javascript.

New project: DexManga
Demo: https://mskcomicpro.blogspot.com

Inherit SPA from OneTap and further optimize page loading speed.

https://dexmanga-demo.blogspot.com

Is this clone of mangadex?

yes, but besides mangadex i also refer to many other themes.
This theme will be extremely powerful in terms of page load speed and user interface.

I'm also thinking of another name for it. "DexManga" is just temporary.

I see.
Good luck with your new project.

Thanks

Here is the new link: https://kazemanga-demo.blogspot.com/