ada lagi min
https://www.gilatemax.com/
https://www.xmlthemes.com/
https://www.blantertheme.com/
https://www.temabanua.com/
https://www.idntheme.com/
https://store.elcreative.net/
dan masih ada yg lain tapi lupa , eh minta tempalte hexforum gak ada update min ?

ok thanks infonya.
untuk update hexforum buatkan akun github, nanti aku invite km

does anyone know a great resturant menue theme

hey min can you please help me with a video player css issue ?

link ==> https://abeflixstreamtv.blogspot.com/2024/07/fullwidth-alya-sometimes-hides-her.html

it is not responsive

Sorry, i can't help you.
It's difficult to make iframe responsive.

Any idea why my referrer like this? Is someone scraping my website? [Screenshot]

hey min , i don't need the iframe to be responsive instead only the episode switcher and anime info in that player to be responsive

gimana cara ngebungkus <article class='contoh'> bla bla </article> seperti ini? [Screenshot] itu punya goomsite.

ini punya saya [Screenshot]

Hmm, I don't know.
Maybe just a bot doing some crawling.

Wrap this code inside div then add class select-server: <div class="mt-4 p-4 bg-gray-800 rounded-lg">
<p class="text-center">You are Watching</p>
<p class="text-center font-bold">Episode <span id="currentEpisode">1</span></p>
<p class="text-center text-sm text-gray-400">
If current server doesn't work please try other servers beside.
</p>
</div>
<div class="flex items-center justify-between mt-4">
<button class="justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 flex items-center space-x-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
<polyline points="7 10 12 15 17 10"></polyline>
<line x1="12" x2="12" y1="15" y2="3"></line>
</svg>
<span>Download</span>
</button>
<div class="flex space-x-2">
<button id="subButton" class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2">
SUB: <span class="ml-1 bg-purple-600 text-white px-2 py-1 rounded">yuki</span>
</button>
<button id="dubButton" class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2">
DUB: <span class="ml-1 bg-purple-600 text-white px-2 py-1 rounded">yuki</span>
</button>
</div>
</div> Use media query to style layout.

Ubah struktur html aja.
Elemen div class='percobaan' seharusnya di atas loop:<div class='percobaan'>
<b:loop>
...
</b:loop>
</div> Kalau di dalam loop, maka element tersebut akan berulang-ulang (looping).

cara bikin gambar postingan jadi responsife gimana? [Link]
padahal udah pake .post-body img {
width: 100%;
height: 100%;
display: block;
}

bukan responsive, tapi cara biar gak gede gambarnya.
padahal udah dibikin sedang size gambarnya.

.post-body img {
max-width: 100%;
height: 100%;
display: block;
}

Min bagaimana cara pasang filter komentar?

Seperti apa filter komentar?
Minta screenshot-nya.

1. gimana cara pasang iklan di akhir postingan? dulu pernah liat web yg bisa nyempilin widget atau iklan di akhir atau awal postingannya. [Screenshot]
2. gimana cara blur photo postingan dan kasih password kayak template situ.

1. Tidak tau.
2. Ini yg skrip NSFW gw pakai, tapi tanpa password. Hanya untuk ngeblur image aja.
CSS: /* Not Safe for Work */
.nsfw img {filter: blur(12px) saturate(1.1) brightness(90%);}
.sfw .nsfw img {filter: none} Paste di atas </head>: <script>/*<![CDATA[*/
if (localStorage.getItem('isSafe')) {
document.documentElement.classList.add('sfw')
}
/*]]>*/</script> Paste di atas </body>: <script>/*<![CDATA[*/
var root = document.documentElement
var button = document.querySelector('.nsfw-mode')
button.addEventListener('click', () => {
root.classList.toggle('sfw')
if (root.classList.contains('sfw')) {
localStorage.setItem('isSafe', '1')
} else {
localStorage.removeItem('isSafe')
}
})
/*]]>*/</script> Ini code untuk inject class ke element, pastekan di atas tag img: <b:class cond='data:post.labels any (l =&gt; l.name == &quot;NSFW&quot;)' name='nsfw'/> Terakhir tambahkan label NSFW di postingan.

mungkin cara ini bisa di gunakan https://github.com/BerkasKita/Blogger_Tag/blob/main/Material/ADS/README.md

Kirain ada JavaScript,
ternyata codenya ditulis dengan bahasa XML.
Keren.

kalo nama komen anon, anonymous, unkwon bisa di ganti gak si?

satu lagi hampir lupa, untuk desktop ada tag kondisional khusus gak? kayak tag kondisional mobile.
jadi saya mau buat notif yg cuman bisa di lihat di versi desktop.

where to paste this b condition min?

b class *

Mungkin gk bisa.

Beri tanda seru ! di awal : <b:if cond='!data:blog.isMobileRequest'>
...
</b:if> Atau: <b:if cond='data:blog.isMobileRequest == "false"'>
...
</b:if>

Thanks for sharing the source code.
What version do you developing, array or tag version?

Paste above img tag, only works on xml code: <b:class cond='data:post.labels any (l =&gt; l.name == &quot;NSFW&quot;)' name='nsfw'/>
<img src=''/>

ini ngbahas nama komentar anonim ?
kalau iya...
sebenernya bisa.. dengan cara cek profile pakai cond
cond='data:cb.level.authorAvatarSrc != "//resources.blogblog.com/img/blank.gif"'

contoh diwebku ,aku merubah anonim jadi Siapa sih ini?:

<b:if cond='data:cb.level.authorAvatarSrc != &quot;//resources.blogblog.com/img/blank.gif&quot;'>
<div class='badgeDev'>
<a class='user' expr:href='data:cb.level.authorUrl' rel='noopener external nofollow' target='_blank'>
<b:class cond='data:post.author.name == data:cb.level.author' name='username-admin'/><data:cb.level.author/></a></div>
<b:else/>
<div class='badgeDev'>
<a class='user' expr:href='data:cb.level.authorUrl' rel='noopener external nofollow' target='_blank'>Siapa sih ini?</a></div>
</b:if>

Ok, makasih.

nah ini mantap

you are welcome min . it is the tag version.

should be pasted on post or under ??

Above it.
This code inject class to parent element above it.

how can i get this theme https://www.kainimeid.my.id

Dida from dmc what happened to your website?

cara bikin lazy load image gimana?

tambahkan tag: loading='lazy' width='300' height='300' aku gk punya skrip js lazy loading

Thank you for the Invitation.

You are welcome ! Btw min can you please fix the anime info part it is not getting responsive , i tried many times using flex-direction but i did not fixed for mobile devices . 🥲

Done, check my commit history.

why does the enclosure links not work in the post

Thanks min , i will check it out surely !

how to add a class to admin in both comment and replies what is the cond

Go to settings and enable it.

its enabled but still doesnt show in the post at all

is it possible to get enclosure links from dayat blogger script, and how?

[Screenshot]

Maybe.
I don't understand JS.

why is the number of post shown in home page is only one and i have set post to 6

Why does some templates has a copy of widget in the markup

Give me more context, screenshot or any clue,
so I can tell exactly what the problem is.

Sometime it used as default styling.
For example tag: <b:defaultmarkup>

does anyone have bootstrap style for comments section

Any one know where can I get script for bookmark

[bookmark by igniel]

Not that script one using bloggerscript by dayat does anyone have script like that

[bookmark by dayat]

do you have v1 of hexforum

Untuk meta descripsi bagusnya pake <meta expr:content='data:blog.metaDescription' name='description'/> atau <meta name="description" content="type_your_description_here"> ?

<meta expr:content='data:blog.metaDescription' name='description'/>

Menurutku keduanya kurang bagus.
Code pertama memerlukan input dari user, kalau tidak diisi akan blank di pencarian.
Code kedua terlalu kaku, google anggap spam kalau metadeskripsinya selalu sama.

Aku sarankan pakai code dinamis, dengan memanipulasi judul dan keyword: <!-- Advance meta description -->
<b:if cond='data:view.isHomepage'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='&quot;Read &quot; + data:view.title.escaped + &quot; all chapters, the latest available. READ NOW! &quot; + data:blog.metaDescription' name='description'/>
</b:if> Keywordnya km sesuaikan dengan konten websitemu.
Terbukti berhasil dan ranking tinggi.
[Screenshot]

Hexforum still version 1

Baru Rilis Template Baru Auto Generate All Post Asflix - Premium Blogger Template For Streaming Bebas Berpendapat

Apa nama blog agan?
Biar gampang baca fitur dan dokumentasinya.

Berikan source untuk mendapatkan template itu🗿

Mampir bg, Btw itu Template Murah loh kalau ambil disaya :v itu Seonxnn

Tidak responsif. Tidak ada margin kiri kanan pada halaman seperti /p/my-list.html

Mantap bg, cari bug nya lagi, soalnya masih Versi Awal, akan di update di next Ver

Nitip bang: Auto Scroll Ketika Mengklik Gambar

Nice, cocok untuk tema manga.

ini cara ngatasinnya gimana ya? [Link]
kalo buka di hp, font judul accordionnya itu beda" ada yang besar ada yang kecil ukurannya baru bakal normal kalo udah di klik.
tapi kalo di desktop normal aja.
padahal udah coba pake font-size tetep aja gak ngaruh.

Mungkin bug dari chrome.
Temaku juga berubah ukuran font kalau di scroll ke bawah.

1. gimana cara nampilin jumlah komen di samping ikon komentar? Demo
2. gimana cara supaya komen balasan berada paling bawah, kayak blog situ.

Free untuk 10 Orang Tercepat, Note Sisa 9 Slot Lagi

Cari: id='threadedComments'
Tambahkan: index='i'
di: b:loop
Paste code nomor ini di tempatnya: <span class='t-15'>#<b:eval expr='data:i + 1'/></span> Sudah lupa caranya, karena aku bikin tema ini 2 tahun yg lalu.
Tapi source codenya ada di [hexanime_v1], boleh km copy dan import ke temamu.

Untuk keperluan pribadi aja, jangan dijual ulang source code forumku.

Kalo postingan Homepage cuman pake widget recent post bakal ngaruh ke site link gak ya?
jadi blog1 nya di ilangin di homepage.

Engk ngaruh.

Min gimana cara rubah tanggal postingan jadi, contoh "1 hari yang lalu"

Format jam wajib pakai iso8601.
HTML: <time class='timeago' expr:datetime='data:post.lastUpdated.iso8601' expr:title='data:post.lastUpdated.iso8601'><data:post.lastUpdated.jsonEscaped/></time> JS: <!--[ Timeago script ]-->
<script defer='defer' fetchpriority='low'>/*<![CDATA[*/ (function timeAgo(selector) { var templates = {prefix: "", suffix: "", seconds: "second ago", minute: "1 min", minutes: "%d min", hour: "1 hour", hours: "%d hour ago", day: "1 day", days: "%d days ago", month: "1 month", months: "%d month ago", year: "1 year", years: "%d years ago"}; var template = function(t, n) { return templates[t] && templates[t].replace(/%d/i, Math.abs(Math.round(n))); }; var timer = function(time) { if (!time) return; time = time.replace(/\.\d+/, ""); time = time.replace(/-/, "/").replace(/-/, "/"); time = time.replace(/T/, " ").replace(/Z/, " UTC"); time = time.replace(/([\+\-]\d\d)\:?(\d\d)/, " $1$2"); time = new Date(time * 1000 || time); var now = new Date(); var seconds = ((now.getTime() - time) * .001) >> 0; var minutes = seconds / 60; var hours = minutes / 60; var days = hours / 24; var years = days / 365; return templates.prefix + ( seconds < 45 && template('seconds', seconds) || seconds < 90 && template('minute', 1) || minutes < 45 && template('minutes', minutes) || minutes < 90 && template('hour', 1) || hours < 24 && template('hours', hours) || hours < 42 && template('day', 1) || days < 30 && template('days', days) || days < 45 && template('month', 1) || days < 365 && template('months', days / 30) || years < 1.5 && template('year', 1) || template('years', years) ) + templates.suffix; }; var elements = document.getElementsByClassName('timeago'); for (var i in elements) { var $this = elements[i]; if (typeof $this === 'object') { $this.innerHTML = timer($this.getAttribute('title') || $this.getAttribute('datetime')); } } setTimeout(timeAgo, 60000); })(); /*]]>*/</script>

Announcement! 🎉

The Manga theme will be available on August 28th, 2024! 🚀

Check out the [demo] here and visit my website for more updates: [Itachisi].

Hell yea, look amazing.
Distinguished design like no other theme.

Are you a programmer?

yes

free?

Nice, how about next project this manga.ovh

yes it's free

have already made a manga website
so maybe after my next Project

Are you a javascript programmer?

can you make the same function "nPLPro" as shown in this video?
https://www.youtube.com/watch?v=L5FwiJ7BAec&t=2s
make a simple version!

You should replying to Itachisi direcly.
So he know you asking him.

Son sections do not appear here, what should I do?
https://hizliresim.com/3k2c8ex
https://i.hizliresim.com/7t5cdl2.jpg

Change Bölüm to Chapter.
You post title must contain word Chapter.

min ini template apa ya? [Link]
dulu pernah download cuman lupa namanya.
udah tanya sama yg punya blog katanya dia download di emissionhex.
butuh tombol downloadnya doang yg ada di homepage.

Itu bukan temaku.
Kalau gk salah itu tema [Ride Yama].

Min gimana cara pasang filter New/Oldest di kolom komentar

bro gimana cara bikin sidebar kayak blog situ?
pas di mode mobile sidebarnya ada di navigasi menu yg titik tiga di kanan.

CSS: /* Comment Reverse */
.reverseComment{cursor:pointer;}
.reverseComment:before{content:attr(data-n);}
#reverseId:checked ~ .comment-ctrl .reverseComment::after{content:attr(data-o);color:var(--accent, green)}
#reverseId:checked ~ .comment-ctrl menu {color:var(--accent, green)}
#reverseId:checked ~ .comment-ctrl .reverseComment::before{display:none;}
#reverseId:checked ~ #comment-holder{display:flex;flex-direction:column-reverse;} HTML: <menu class='flex items-center'>
<label class='reverseComment' data-n='Newest' data-o='Oldest' for='reverseId'/>
<svg class='size-4' height='30px' viewBox='0 0 48 48' width='30px' xmlns='http://www.w3.org/2000/svg'><path d='m24 42l-9-13h18zm0-36l-9 13h18z' fill='currentColor' stroke='currentColor' stroke-linejoin='round' stroke-width='4'/></svg>
</menu> ID: <input class='hidden' id='reverseId' type='checkbox'/> [Reverse Comments]

Pakai media query dan chekcbox.
Susah jelasinnya, agak rumit, aku juga belum mahir.

Inspect dan copy aja codenya.

min bantu dong, cara bikin header dan sidebar fixed responsive. udah cari tutor di google tapi gak ada

Prosesnya agak panjang kalau bikin dari awal.
Aku ambil dari codepen, tinggal copy paste.
Ini hanya bingkai aja, warna dan desain itu terserah km.
Sudah responsive kok.
[Tutorial Website Frame]
[Source code]

Forum Bot said:

This comment has been removed by the author.

How to make a sub menu in my menu I am using linklist widget

Hello, how may I contact you?

wernayasa@gmail.com

Which theme is this? Can I use this?
https://ibb.co/3FkyFKG

Theme from my fansubbing era.
No.

We have been working on an Anilist post generator, which will make posting much faster.

It's not good theme.
You can email me if you want it.
wernayasa@gmail.com

min mau tanya, cara ubah background & color di kontainer unggah komentar blogger itu gimana yaa?

aku udah coba inspect dan add css nya masih aja ga bisa awowkkw

yang mau aku ganti :
#commentSelectorLabel {
margin-right: 10px;
color: white;
font-weight: 700;
}
.oJeWuf .snByac {color:white}
.RDPZE .snByac {color:white}

.e3Duub,
.e3Duub a,
.e3Duub a:hover,
.e3Duub a:link,
.e3Duub a:visited {
color: white !important;
background-color: transparent !important;
}

.e3Duub textarea { /* Jika ada textarea dalam kontainer */
color: white !important;
background-color: transparent !important; /* Untuk transparan */
}

.e3Duub {
background-color: transparent !important; /* Menambahkan untuk kontainer */
}

bahkan aku coba pakai scriptpun ga bisa awowk, bingung dah.
<script>
document.addEventListener("DOMContentLoaded", function() {
// Mengubah warna teks menjadi putih dan latar belakang menjadi transparan di semua elemen komentar
var commentElements = document.querySelectorAll('.e3Duub, .e3Duub a, .e3Duub a:hover, .e3Duub a:link, .e3Duub a:visited');
commentElements.forEach(function(element) {
element.style.color = "white"; // Mengubah warna teks menjadi putih
element.style.backgroundColor = "transparent"; // Mengubah latar belakang menjadi transparan
});

// Mengubah warna teks di kontainer komentar
var containerElements = document.querySelectorAll('.vRMGwf');
containerElements.forEach(function(container) {
container.style.color = "white"; // Mengubah warna teks menjadi putih
});

// Mengubah warna teks dan latar belakang di textarea
var textareas = document.querySelectorAll('textarea.KHxj8b');
textareas.forEach(function(textarea) {
textarea.style.color = "white"; // Mengubah warna teks menjadi putih
textarea.style.backgroundColor = "transparent"; // Mengubah latar belakang menjadi transparan
});

// Jika ada kontainer lain yang perlu diubah
var additionalContainers = document.querySelectorAll('.e3Duub');
additionalContainers.forEach(function(container) {
container.style.backgroundColor = "transparent"; // Mengubah latar belakang menjadi transparan
});
});
</script>

Tidak bisa.
Solusinya pakai invert warna: #comment-editor {
filter: invert(87%) sepia(55%) saturate(407%) hue-rotate(168deg) brightness(90%) contrast(96%);
-webkit-filter: invert(87%) sepia(55%) saturate(407%) hue-rotate(168deg) brightness(90%) contrast(96%);
} Penyebab css/js mu adalah di dalam iframe ada tag body lagi, intinya ada dua root document.
Makanya css/js gk berfungsi.

ohh gituuu, tapi kok di foto pada kolom unggah komentar di sini fotonya tidak ikut ke invert ya? bukannya metode invert memengaruhi semua elemen di dalam kontainer, termasuk teks dan gambar min?

Semuanya berubah, sudah kucoba.
Coba kirim screenshotnya.

min tau template yang mirip doujindesu?

Tidak ada.
Mungkin tema itu hasil modifikasi tema sebelumnya.
Beda tampilan aja, inti temanya masih sama.

Ada base template terbaru? mau coba build template clone aniwatch [Link]

Ada, kemarin update.
Update minor, gk ada fitur istimewa. https://github.com/wernayasa/BaseTheme/blob/main/base_theme_v11.xml

Sudah bisa bikin rating komentar?
Aku sudah coba bedah temanya, tetap gk bisakupsang di base template. https://blashop2222.blogspot.com/2018/09/dale-15-leather-tote-backpack-white12.html Mungkin km tau caranya.
Temanya dikirim ke emailmu.

Sudah ketemu skrip rating 5 bintang. https://www.toishare.com/2024/04/cach-them-danh-gia-5-sao-thay-cho-he-thong-binh-luan-blogger.html

Rating bintang komentar berhasil dipasang.
Fitur ini akan hadir di base template v12.
Ada sedikit perubahan dari skrip originalnya: - Menghapus jQuery
- Mengubah <em>{n}</em> menjadi <em rel='star'>{n}</em>
Base template akan dishare setelah codenya dirapikan.
[Demo]

Halo min, cara agar lebar gambar yg diupload otomatis sama rata kyk di web baca komik gitu gimana min?

Sama rata kiri kanan? Ada screenshotnya?
Tergantung temanya.
Pakai css ini juga bisa: .separator img {
max-width: 100%;
height: auto;
margin: 0 auto;
width: 100%;
}

Bisa min, terima kasih

Ada Yang Nyepam Anidrive kah? Bahaya kali bisa" di hapus akun bloggerku :( sampai harus di mode private

Anidrive untuk apa ya?
Pernah aku kunjungi, tapi gk paham fungsinya.

Ngelinduingi Link Drive dan Auto Direct link + Get Player dari Anigrabber

Ntah Ulah Siapa yang ngespam Postingan, gak tau ntah mau ngambil SC ataupun Iseng, Alhasil Dapet Pesan "Postingan Dihapus pihak blogger" lebih dari 10

Bg, cara supaya orang ga bisa comot postingan kita gimana? Kyk post komik, gambar kita ga bisa klik dan diambil (save file) gitu

Ada yang tahu gak ini namanya apa ya kalo mau search di google [Link]

Tombol berbagi FIXED, tapi pas udah sampe ujung postingan dia berhenti gak ngikut terus ke bawah.
jadi Melayangnya cuman di dalam postingan.

Tidak bisa.
Untk user biasa bisa diblock dengan user-select: none;.
Agak susah untuk ngeblock developer mencuri gambar web kita.

Pakai position sticky .css {
position: sticky;
bottom: 0
}

Okee terimakasih,
Kalo hilangin jarak gambar kyk diweb baca komik itu gimna?

How do I change this text : Tidak di temukan . in live search items? I searched for it in the entire template and did not find any trace of it at all. Please help. My site is in Arabic and I want to change all the text to Arabic

Sorry, but we can't change that. The script's encrypted.
When I was working on zm v6, I used the free version of live search.
Since then dayat.id has release better version of live search Source Code on github.

So that's it. Thank you for your time. best Wernayasa❤️

I find this feature quite interesting, you should check it out [Link]

Bookmark tab.
So we create our own tab with custom named tab.
Interesting.

Please contact me :))) https://www.facebook.com/redeusgreyrat2077

I just updated to 1.2.6, please check out the new features :)))
https://www.youtube.com/watch?v=imrAoMvnbPA
https://www.youtube.com/watch?v=qkhSZW6TJxI
https://www.youtube.com/watch?v=2EUohyyE7c0&t
...more

I love those edit button.
This is something i will add to my theme.
Can you teach me how to do it?

There is so many features.

I don't understand, what function?

Edit button.
Never mind, i think i figured it out.

Forum Bot said:

This comment has been removed by the author.

Is this function? https://www.youtube.com/watch?v=imrAoMvnbPA

Yes, pen icon link going to edit post.

Min mau tanya soal tema blogger.

Kan aku lihat di beberapa tema blog buatan orang contohnya colorify dari templateify ada kode kayak gini


Kode colorify
<b:includable id='emailPostIcon'><b:comment>Replaced</b:comment></b:includable>


terus ada juga dari batchmanga dari rasgane


Batchmanga







Nah, keduanya ini sama aja kaan? terus fungsinya buat apa?

ini dari bacth manga

<b:defaultmarkup type='PopularPosts'>
<b:includable id='main'>
<b:include name='No_Support'/>
</b:includable>
</b:defaultmarkup>

Code tema colorify untuk menandai b:includable yang tidak dipakai.
Ada banyak yg seperti itu, masalahnya itu tidak bisa dihapus, hanya bisa dikosongkan atau diberi komen.

b:defaultmarkup untuk b:includable yang sudah dimodif.
Kalau kamu tambahkan add widget, nanti widgetnya mengikuti yg di dalam defaultmarkup.

How to hide blog pager and share icon from Page.
I am trying hide them from my Resume Page Image
Please Help Me!

Find post footer.
This is old theme, i don't know the exact location.

Gak ada Gebrakan baru kah di blogger tahun ini? Bingung Mau Ngerjain Proyek apa :v gak ada motivasi

Tahun lalu ada yg bikin dashboard blogger agar orang awam mudah memodifikasi tema blogger. https://theme62.com/en Patut dicoba walaupun sulit.

Menarik sih untuk orang awam, menurut saya lebih bagus di edit sendiri sekaligus belajar, karena saya cek seperti Fitur Replace Teks saja pada template yang sudah ada

Benar juga sih,
tapi aku masih niat mau bikinnya kalau ada waktu luang.

min gimana cara bikin ini?
ini berdasarkan label kan ya?
https://i.ibb.co.com/d4D5b7WC/Screenshot-2025-02-15-191353.png

Iya berdasarkan label.
Skripnya aku beli, jadi gk bisa dibagikan gratis.
Alternativenya bisa pakai ini: https://www.rasgane.com/2024/08/membuat-jadwal-postingan-seperti-monos.html Ubah hari menjadi label yang kamu inginkan.
[demo]

Invite everyone to evaluate this single page application comic website.
The basic functions are available.
Some functions and highlights of this theme:
- Highlights:
+ pagespeed is always >= 90 points for all pages (can be checked by yourself via pagespeed.web.dev).
+ Schema support (can be checked via validator.schema.org).
+ Use a single javascript to run the entire system.
+ Apply Single page application (only change content in #app, functions such as next/prev, latest update, ... all follow this model).
+ ... and more.

- Highlights:
+ Next/prev chapter (load feed source once and reuse many times when moving to the next chapter, speed to the next chapter ~20ms).
+ Search for series posts combined with pagination (based on title, description, other names of the series to search accurately).
+ Latest update combined with pagination.
+ Views.
+ The most prominent is the ranking function by (day / month / all), using view data from firebase of each post to sort, the higher the top, the more views, each post has view data of the day, month and year.
+ ... more.

Website: https://truyentranhvuipro.blogspot.com

oh I forgot, I have an additional function of next/prev with the keyboard using "<" and ">" or "A" and "D" with "<" and "A" will be prev and ">" and "D" will be next. This will be convenient for people who need next/prev without using the mouse.

This is my critic to this page.
I think you need to use semantic HTML.
There are no article, main, or section tags.
This need to be h2: <div class="chapter-header flex gap-5px">
<span class="ic--round-list"></span> Danh sách chương
</div> add rel='tag' to labels <a class="fast-click" title="Đến trang danh sách Action?" href="/search/label/Action">Action</a> The Description List element for <ul id="thongtinkhac">
<li></li>
<li></li>
</ul> This should be h3, because you already have h1 in same page <h1>Nội dung</h1> It's just my opinion. You don't have to do it.

Continue my critic to this page.
Use header tag for <div class="chapter-header-title box-shadow">...</div> Use time tag for this: <div class="chapter-update-time">Cập nhật lúc: 23:37:09 11/2/2025</div> You can use article or figure element to this: <div id="chapter-box" class="chapter-content center-x" style="width: 100%;"></div>

this should be em element because its add emphasis <b>Gia đình điệp viên Chương 2</b> em are better than bold in semantic html language

Thank you, this is a great idea. I will combine it with chatbot to restructure the website. I don't really understand the full meaning of some of the HTML tags, but I build on what I see fit my eye :))

Animanga Grabber sederhana menggunakan ID Anilist.
tinggal pake css aja bakal mantap ini mah.
tapi ada beberapa ID yg entah kenapa gak mau ke generete contohnya ID 2 dan 3.

[Demonya Disini]

2,3,4 atau ID tertentu memang tidak ada data nya
contoh :
https://anilist.co/anime/1
https://anilist.co/anime/2 (hasilnya akan 404)
https://anilist.co/anime/3 (hasilnya akan 404)
https://anilist.co/anime/4 (hasilnya akan 404)

Forum Bot said:

This comment has been removed by the author.

Sidebarnya hilang.
Apa masih dalam pengembangan?

akhirnya bisa buat pencarian sesuai yang di mau...
hanya perlu masukin judul, postingannya langsung muncul. tanpa loading.

[Demonya]

Ini pencariannya untk halaman itu atau seluruh blog?

aku pasang di atas ini:

<b:loop index='i' values='data:posts' var='post'>

aneh daritadi gagal komen mulu.

parser dulu code html/xml sebelum post komen

gimana nasib blog novelmu?

bantu dong, ini supaya menu pas mode mobile ada di bawah gimana ya?
entah kenapa udah coba berbagai cara tetep gak mau pindah posisi.

[Disini]

mantap, sekarang minta bantu ini bang.
entah kenapa keluar dari kontainer mulu.

https://i.ibb.co.com/27hRK1GM/Screenshot-2025-02-22-195255.png

kalo gak pake overflow, kabur. kalo pake jadi gitu. terus posisnya juga jadi aneh gini

https://i.ibb.co.com/s9DWB08n/Screenshot-2025-02-22-195528.png

hapus `white-space: pre;` dan `white-space: pre-wrap;` pada containernya ( #result-html ).

untuk agar gambar tetap dikanan saat dihp gunakan float aja

.cover {
width: 100%;
}
.cover img {
float: right;
}

dan untuk VA List itu gak cukup ruangnya untuk dua item, pakai aja margin left mines untuk dilaptopnya
khusus laptop:
.grid-wrap {
margin-left: -75%;
}
ouput:
https://iili.io/3HFTPON.md.jpg

Bener kata Hiru, hapus white-space: pre;
Selebihnya terserah mau pakai grid atau flex.
Ini contoh pakai grid: .anime-content {
display: grid;
grid-template-columns: 215px 1fr;
gap: 20px;
} CSS gambarnya menjadi: .cover img {
width: 100%;
height: auto;
}

iya bang aku gak ngeh sama #result-html
sekarang udah lancar, makasih bang.

menurut kalian ini sudah bagus atau belum? [Demonya]
walaupun kita melihat konten dari tombol chapter ini, itu tetap akan di anggap sebagai kunjungan ke postingan aslinya.
setiap kali buka chapter baru juga di pastikan data sebelumnya udah di hapus jadi gak bakal berat atau bentrokan.
setiap chapter juga akan ke index masing"

Mantap, loadingnya cepat.

Masalahnya mungkin pada tombol next prev chapter, biasanya javascript gk mau jalan di website ajax.
Ini ajax atau bukan?

Kalau ingin loading website cepat coba pakai turbo hotwire: <script src='https://cdn.jsdelivr.net/npm/@hotwired/turbo@8.0.5/dist/turbo.es2017-umd.min.js'></script> Paste di atas /head </head>

Keren, apa bakal di share? Kenceng banget pas saya coba. Mungkin bisa di tambag lazy load biar lebih maksimal.

bang cara bikin postingan grid gimana si? cuman nampilin thumbnail dan judul doang.

aku pasangny kayak gini:
<div class='blog-posts hfeed container'>
<div class='percobaan'>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='postCommentsAndAd'/>
</b:loop>
</div>
</div>

udah bener belum? tinggal cara bikin cuman nampilin thumbnail dan judulnya doang.

Forum Bot said:

This comment has been removed by the author.

Great, I also have the same opinion as you. Try implementing it page-wide on your website. This is the "single page application" model. I'm about to complete this big project, you can refer to it for development ^^
https://truyentranhvuipro.blogspot.com

Kalau struktur base tema kita sama, cari di dalam id='postBodySnippet'
Hapus: <b:include data='post' name='post'/>

For chapter pages, you should group these posts under the same label, such as 'Spy x Family'. We will fetch the 'Spy x Family' label once. When navigating to the next or previous chapter, we will reuse the fetched data to ensure instant chapter transitions.
Demo: https://youtu.be/qr-HZPnJeIA

Recent post tabel dinamis, setiap kali masuk konten di tabel ini, secara otomatis di anggap sebagai kunjungan asli ke postingan aslinya.
kalo ada yang mau saya share nanti.

demonya [Link]

bikin aja postingan tutorial bang pasti rame blognya

nemuin project keren, vscode android - terminal [Link].

mines: aku gk tau cara live previewnya, error mulu.

Oh, ternyata bisa di hp.
Ini alternativenya, tapi banyak kekurangannya: https://vscode.dev/ Aku sudah seminggu lebih mencoba copilot di vscode pc, hasilnya lebih bagus dari web chatgpt.

I plan to cooperate with you to release the theme "OneTap Manga". On which platform do I chat privately with you? Facebook?
demo: https://truyentranhvuipro.blogspot.com

I wanted a non-exclusive partnership that would allow me to release products on multiple platforms without restrictions. However, I am committed to ensuring mutual benefits and maintaining the reputation of both sides.

Currently, the product is still in development and will not be ready for launch in the near future. For example, it is currently in the "text story" phase of development: https://www.youtube.com/watch?v=j10gp0q5_Ow

You can email me : wernayasa@gmail.com You are welcome to post your product anywhere without restrictions.
To join my forum, please send an inquiry to my email address.

very nice, this is pure ajax? can you share the script?
no refresh at all when switching pages.

This is a premium version but still under development. There is a demo available at this link:
[Link]

Yes, I use ajax. I load the content via feed /feeds/posts/default/-/
This makes website pages load extremely fast.

I also optimized a lot of details, for example:
- No 150 post limit
- Reuse of feeds data ( next/prev chapter applies this, making chapter content loading speed instant ).
- and many other details ...

For home page, static page, post page, ... I will build HTML structure in javascript and will change back and forth in #app

I will update information and receive comments here: [Link]

Here's an interesting detail with the full schema and even hasPart :D
Schema

How do you find this schema?
I like this as it is better suited for a manga website.

Forum Bot said:

This comment has been removed by the author.

I'm having trouble creating a thumbnail for my theme. Could you please help me?
Demo: Meta Folio

I don't see any problem.

I used chatgpt to generate this schema. I then integrated it into js to automatically generate for the "Series", "Chapter" and "Novel" pages :D

I also integrated "hasPart" and fully automated it: [demo]

can you give a tutorial for postview google sheet?