YUGEN - Template Anime Streaming Blogger New
YUGEN adalah tema blogger buat streaming anime. Setiap Episode anime terpisah dan memiliki postingan masing-masing. Pembuatannya cukup lama, beberapa…
- Threads
- 13
- Words
- 2231
YUGEN adalah tema blogger buat streaming anime. Setiap Episode anime terpisah dan memiliki postingan masing-masing. Pembuatannya cukup lama, beberapa…
ZeistManga v6 adalah tema manga/komik khusus untuk blogger atau blogspot.
Tema ini tidak dijual atau dibagikan gratis. Harga yang dipatok adalah donasi untuk pemeliharaan, update dan support.
DemoDesainnya mengusung lebih modern. Proses pembuatannya lumayan lama karena tidak mengikuti desain clone, ya bisa dibilang ini karya original admin yang inspirasinya diambil dari berbagai situs web. Developer EmissionHex ingin desainnya bebas gangguan, langsung ke intinya, minimalistic dan tanpa basa basi.
Tema ini bukan pengganti ZeistManga v5, tapi alternative dengan desain berbeda. Seluruh codenya dibangun dari awal bukan hasil copy paste dari tema sebelumnya.
Ada beberapa pembaharuan namun ada juga yang lupa dicatat. Berikut daftarnya.
Adapun caranya sangatlah mudah, setelah melakukan pembayaran, masukkan email di kolom komentar trakteer, tunggu notifikasi github lalu terima invitasi dari Developer.
Alasan kenapa harus pakai GitHub adalah untuk menghemat waktu pengiriman file, update dan membuat paket file.
Alasan lain adalah agar user mengetahui code apa yang berubah.
Setiap label diawali huruf besar (kecuali NSFW).
Untuk label genre tidak ditulis disini karena daftarnya terlalu panjang.
Manga
Manhua
Manhwa
Doujin
Novel
Web Novel
Light Novel
One-Shot
WN
LN
Ongoing
Completed
Cancelled
Hiatus
Dropped
Coming Soon
Series
Chapter
NSFW
Jepang
Korea
Cina
JP
KR
CN
Project
Lock
New
JP
ID
EN
KR
CN
Tidak lupa ucapan terima kasih pada devloper yang membantu membuat tema ini, Yukine, Hiru, VuTran dan kalian yang mendukung admin. Special thanks kepada developer Dayat dan Arleth untuk skripnya yang bagus-bagus.
Where your get those screenshot? i need that site url.
You can by using github fork, but its complicated.
Make sure you create github fork right now.
Sorry, you have to redo your modification.
Its minor update, you can use your current version. No problem.
$3
Terima kasih,
cek notifikasi githubmu,
terima invitasi dariku.
Cara pakai kode chapter dan volume gimana? Dan ada list video (unlisted) untuk tutorialnya ndak?
Chapter format? Itu paste di halaman/laman.
Untuk volume tinggal copy codenya lalu paste ke post.
Kirim screenshot biar aku mudah mengerti permasalahanmu.
Cari: id='inlineAds2' Ganti text : Responsive Ads dengan code iklan.
gk ada.
mau bikin apa?
pls, i can't fix that in my Blog. I tried to do it the way you said but it probably won't work. My search bar has a error.
[Screenshot]
I just realized that the search bar only searching for post text, not title or labels.
I can't fix the JavaScript.
🥹poor me…
do you know how to fix it?
[Screenshot]
No.
Maybe adding Synonym line to extra-info could solve the problem.
Add your title and other name of manga.
[Screenshot]
Oh, you didn't use Vu Tran's script in the search results of v6? But it was fixed in v5.
mau dikasih password web nya, biar pas buka web ada sandiny. yg zv6 yg belum di update yg awal², dulu kan ada passwordnya bang, tapi versi update an sekarang udh gk ada kayaknya
No, v5 and v6 using different script.
Sudah kuhapus, label lock menyebabkan error post chapter.
ouh berarti tema nya gak bisa ada passwordnya ya bang?
Iya, sudah kuhapus.
terys, bang wernasaya, gak mau buat lagi, ada password webnya?
Kayaknyay engk deh, soalnya skrip passwod ku hanya login password.
Datanya masih bisa di view karena tidak terenkripsi.
Coba skrip dari Hiru yg lebih secure,
bisa km beli disini: [Telegram]
[ Form Login V3.2 Encrypt content dan Hidden Content ]
it's not work... [Screenshot]
Very strange, its works fine on my demo site.
Maybe because "Bộ Truyện" label: const _liveSearch = {
filterLabel: "Bộ Truyện",
sizeImage: "s240",
noImage: "no_image_url",
}; Mine using Series and its works fine: const _liveSearch = {
filterLabel: "Series",
sizeImage: "s240",
noImage: "no_image_url",
}; Try revert back to label Series and see if its work. Don't forget to add label Series on your post.
kalau perlu kode ginian nanti, bisa dicek dibagian draf halaman datakodehiru.
bagian susahnya datanya gak bisa pindah secara otomatis(gk ngerti live server).
cuma bisa reset data (hari,minggu,bulan) pakai cara manual ,harus click button reset(lagi dibuat buttonnya).
[Link]
ps: code belum mencapai target,mungkin masih ada seikit bug.
Wah, keren gk nyangka bisa. Ini mah skrip premium.
"datanya gak bisa pindah secara otomatis"
Iya, kalau dibuka di private browser, tab harian tidak muncul otomatis.
Gpp, ini bisa mempercepat loading.
Jangan lupa cek update [ZM_5.5] sudah update blogger script 1.2.
Minta alamat emailmu.
Hi, i want to add more condition (?) to this part of Recent Chapters widget, can u pls teach me how to do it?
Currently it's only count titles with "Chapter", i want to add "Episode" and other words too.
(Because we have about 1000 chapters already posted before moved to this template so it takes so much time to change its tiltle :( )
Thanks so much!
Sorry, it seems like cannot comment with tags.
This part:
a class='link relative top-0.5 ml-3 hidden items-center text-lg group-hover:flex' href='/search/label/Chapter'>
<b:with value='data:posts count (ch => ch.title contains "Chapter")' var='item'
Add new Episode filter like this: , {
name: 'Episode',
news: 'Ep'
} [Screenshot]
Or you can modified existing one: name: 'Chapter',
news: 'Ch' To: name: 'Episode',
news: 'Ep' Or: name: 'Episode',
news: 'Ch'
Parse your code [here] or parse box above.
Add array with square bracket: ["Chapter","Episode"]
value='data:posts count (ch => ch.title contains ["Chapter","Episode"])'
iya kubiarkan dulu seperti itu, sampai ketemu cara yang lebih cepat.
nanti kucek,buat bisa otak atik scriptnya.
alamat emailku ?: lunapgr01@gmail.com
Ok, aku catat emailmu.
kalau ada yang butuh kode ini, silahkan pakai aja.
[Form report telegram]
demo bisa dicek divideo.
Makasih nanti aku coba pasang.
Sudah ku test, apa sudah masuk?
Kok bisa upload gambar ya, pakai hosting apa ya?
sudah masuk kok, gambar tema Hexforum.
Api telegram emang bisa kirim gambar sama file selama gak diparse, kalau diparse jadi kebaca text doang yang hasilnya gak kebaca kalau itu file.
jadi aku pakai ide kirim dulu file terlebih dahulu jika file sudah berhasil terkirim baru giliran text.
Oh, pantesan gambarnya ada di atas, setelah itu baru laporannya.
Send your github link to: wernayasa@gmail.com
[Screenshot]
[Screenshot2]
There is JP on the serial labels, but the Chinese flag appears in the 'Recent Chapter' section
Create github account and send me your github link.
https://github.com/raevenenx
Check your GitHub notification, accept my invitation.
I won't make tutorial, because its long and tedious process.
You can watch my workflow here: [Link] Prepare 3 things: - Web Browser [chrome or firefox]
- Base theme
- Site you want to clone
This is not tutorial for beginner, you mush have intermediate CSS understanding.
Each developer has different workflow.
Apakah metode slider komik dari versi ini bisa diterapin di versi ZM terdahulu? Aku masih pake ZMv5 dan yang baru slider komiknya agak aneh menurutku, makanya aku donasi buat make yang v6. Tapi setelah aku pikir-pikir perlu ngatur ulang tata letaknya lain lagi. Sebenarnya aku cuma pengen update slidernya aja. Yang v5 juga gak bisa di scrol kalau di mobile.
Tidak bisa, slider tema ini dibuat dengan tailwindcss.
Susah di import ke tema zeistmanga v5.
Slider v5.5 emang aneh, nanti diupdate.
bro i tried to create an anime blogger theme using tailwindcss but no success ! can you please provide me a playlist where i can learn of how to create blogger themes using tailwindcss
??
What site you want to clone?
Maybe I can show you few example how to create menu or part that easy to make.
What is your CSS skill? - Beginner
- Intermediate
- Expert Btw, my tutorial doesn't have sound.
I don't write the series name in the chapter titles, so it causes confusion in the 'popular chapter' section.
I also don't want the 'Chapter' and 'Project' tags to be visible, so is it possible to do something like the 3rd picture?
- [Series Name]
- [Chapter Name]
1- [Screenshot]
2- [Screenshot2]
3- [Photoshop]
Nice idea.
I can't replicate what you ask for. This is the close one I can get.
RAW script: [ch.title.numb.xml]
[Tutorial]
Remove this code to hide label Chapter and Project: <div class='mt-1.5 line-clamp-1'>
<b:loop index='i' values='data:post.labels' var='label'>
<b:if cond='data:label.name in data:checkLabel'>
<a class='inline-block bg-accent text-gray-50 rounded px-1.5 py-0.5 text-xs hover:opacity-80' expr:data-bg='data:label.name' expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
</b:if>
</b:loop>
<b:loop index='i' values='data:post.labels' var='label'>
<b:if cond='data:label.name in data:Genre or data:label.name in data:Genre2'>
<a class='inline-block bg-gray-200 text-gray-600 dark:bg-gray-700 dark:text-gray-300 rounded px-1.5 py-0.5 text-xs hover:opacity-80' expr:data-bg='data:label.name' expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
</b:if>
</b:loop>
</div>
i want to clone oppai. stream or moopa anime website ,
CSS skill : Beginner
Thanks for your help. Can I ask you one more thing?
1- [Screenshot]
2- [After]
How can I make the manga name appear at the top as in the second image
Hi, I just started to work on the theme and I'm faced with this: [Screenshot]. All 117 chapters appeared, how do i fix that? Also question, can I add a 'Type' and 'Genre'? if so how to do that?
hi! my slide is not showing, can you help? I tested and made 7 posts but it still doesn't appear, and I marked them all with "series"' >[https://imgur.com/a/6zWjkMs]
Add the label 'Project' if you want them to appear in homepage. Delete the 'Project' from old post.
thank you so much 🥰
moopa is great choose.
I will record a starting guide and a few examples.
The rest of it, you are on your own.
Did you solve your problem?
Thanks Anonymous
ok bro thanks !! eagerly waiting for it ❤️
yess, but now my Chapter does not appear on the manga page T-T
Put title label on: clwd.run('Saitei Rank no Boukensha'); Put that label on posts Series and Chapter.
Do not put weird character such: {}()*&^%$#@!_-+=:
[Screenshot]
Hi, i'm here again...I just noticed the comment section is disabled in Pages. Is there anyway to enable that? The blogger setting is set to 'allow' but it's still invisible. I kinda put contents on the Pages to hide it on the Homepage and only allow readers who have the link
Find: <b:includable id='page'> Scroll and find: <b:comment>
<b:include data='post' name='commentPicker'/>
</b:comment> Remove b:comment tag: <b:include data='post' name='commentPicker'/>
How to change this...[Screenshot]
This comment has been removed by the author.
it worked now, i think i missed something the first time.thanks!
I don't know.
According to a Google expert, we don't have control over what is shown in search results.
[forum]
Try seach: Mikoroku
which is using same template.
You're welcome!
Bro do you consider this is better than zeistv5 so what advantages are there? I am willing to buy it
No.
Apart from having newer code and a new design, I don't think there's anything else.
This theme was made from scratch and doesn't share the same code as the previous generation.
When the story title is too long, it will not be fully displayed. I want to display the entire story title, what should I do?
[Screenshot]
Furthermore, where do I go if I want to change the font?
Find: <h2 class="line-clamp-1"> Remove: line-clamp-1
Same method: [Changing font]
its too much chapter in Chapter Recent...How to fix this[Screenshot]
Settings > Posts
[Screenshot]
I have another problem 1: [Screenshot] the comment section is too wide for mobile view, it's just fine for web. Is there a way to adjust?
2. This are for the novels posted on my site, I'm having trouble with Headings and hyperlink on dark mode, they can't be seen on darkmode, i managed to make adjustments on headings by clearing the format and setting it as Normal, but i can't do it with hyperlinks, now is there a way to make the hyperlink text be on different color? Like how it is here. Well, i know there is, but I have zero knowledge on coding so I don't know what I'm supposed to be looking for. Please help
How too fix hyperlink color and overflow comment: Add this CSS above /b:skin: .prose :where(a):not(:where([class~="not-prose"] *)) {
color: var(--accent);
}
#BIzIXe82RX {
max-width: 100%;
}
It's fixed now, thanks. You're a great help. Is there a FAQ I can refer to, whenever I encounter problems that's already been solved?
I don't think so, but that's a good suggestion. I hope Wernayasa creates a page where the problems are solved, so we can go and browse there. Also, include video tutorials, for example, the Next and Prev. Many users have the same problem.
Any bug fixes are typically merged into future updates, so if you encounter a problem that's already been solved, it should be resolved in the latest version.
I'm a bit lazy when it comes to writing documentation myself.
For the novel genre, when I post a new chapter, the image does not appear in the recent chapter section
I think you should use the cover image of the story, whether it's a text story or a comic book
Hi, here I am again 😅, testing uploading manhua now, I'm not sure if this is theme related problem but I'll ask anyway, does the theme not support long strip or I just did something wrong? I tried uploading one but it turned out this way: [Screenshot]. First, they don't adjust to fit the screen, Second they have different width eventhough the original image width is uniform and just varies on the length. I already toggled on the manga mode and image protection but they didn't work. It works fine in normal manga size images though. Is there a way to work around this, or do I have to crop this?
I think it gets messed up once the pics go over 3000px
No need to crop images. Add this CSS above /b:skin : #reader img {
width: 100%;
} This CSS allows the image to fit width.
Blogger will downgrade your image quality if it exceeds the maximum width/height.
Try dedicated image hosting for better quality. [im.ge]
You have to add image manually to novel chapter posts.
will try this later, thank you very much 😊
Check your github/email notification.
hi, i tried this and hosted the images on im.ge, solved me the problem on the format and blurry pics, thanks for that. Now a new problem arise, the pics are very slow loading and most of the times some panels don't get to load at all, and had to refresh the page to get them all. Converted the post to have lazy load and tried to turn on and off the lazy load option on blogger itself, also toggled on the privacy of the pics on im.ge (from private w/ link to public) but still the same, is this normal? This is the problematic page: [My Site]
Turn off image protection.
how can I change my github email
What your previous GitHub link?
I will remove your old account and add new one.
Do you have access to my private GitHub?
I saw your website still using old version ZMv6.
63 requests
71.1 MB transferred
72.2 MB resources
Finish: 1.2 min
DOMContentLoaded: 1.99 s
Load: 1.1 min
ur img its big. use fast stone photo resizer convert to 800px n use webp then host with ibb
[Link]
This is my site
Go to settings > Site Feed > Allow blog feed > Until Jump Break > Save
[Screenshot]
I think, it's already set to that but I'll check, thanks ☺️
Yeah, I already resized the pics but I didn't convert them to webp I'll. try this out later, thanks. Is ibb better than im.ge?
I think it's better
I recently acquired the zeistmanga v6 template, I can translate the template into my native language?
First step is create a GitHub fork.
Next, click file ZeistManga_v6.xml end edit your theme.
Search word: Indonesia
iyaa sama2 minn, baru terjun september tahun lalu udah banyak banget yang aku dapetin juga dari forum ini, banyak belajar juga dari kak hiru soal pemograman awowkkw.
btw happy eid mubarak yaa semuanyaa, minal aidzin wal faidzin, mohon maaf lahir dan batin.
I still use the old one because I don't know how to update without losing my changes.
I don't have access to that account asking for full access. This will be my new Mistoxi
No, I won't invite you, there are 2 person with name Mistoxi.
Get your github access back please.
This trick only apply if you already have fork.
Its not gonna work if you create fork right now, because there is nothing to synchronize.- Create a fork
- Edit your theme on github (click pen icon) or
- Copy your theme and paste it theme on github I'm not expert on github.
If this feel too complicated, do this instead. - Fork my repo
- Edit your theme all over again
I'll try this, https://github.com/Mistoxi/Vhhghhg my new Github, this one was the old money Joseyane I'll try this, https://github.com/Mistoxi/Vhhghhg name also Mistscanraysssss2334 my new Github, this one was the old money Joseyane
If necessary, I will send you the purchase email.
That's the old method I used to use. Over time you will feel repetitive about having to switch to the S6000 and may become frustrated by the messy code.
Indeed, this is an old way to deal with blur in images that have a high ratio, I'm just sharing my experience for people who don't know, apart from that, this is one option for displaying images with a long ratio without blur on Blogger without using hosting.
For the error code problem, it's possible that you weren't careful in changing the image resolution code. In the comments above I also gave a quick trick for changing the resolution using the search and change tool in Word.
actually I still have another way to make all images on blogger have high resolution without changing /s1600/, I can't share the code yet because it's in the development stage, but I can share an example of a screenshot of the design while changing the image resolution on blogger.
[Link]
[Link]
Check your email, accept my invitation.
This comment has been removed by the author.
Hi good evening, I have a much easier script that leaves the image in maximum resolution
I accepted, how do I exchange this slide for one of my choice? [Screenshot] I want a new slide template with banner images
try sending the script to me on telegram @apalakamuapala, it looks interesting.
Go to layout > slider
[Screenshot]
Ini [back.to.top.xml]
CSS-nya atur sendiri.
Aku gk punya CSS-nya karna memakai tailwindcss.
This comment has been removed by the author.
Eu quero usar outro slider
ok bang, makasih
What slider?
Hidupkan NSFW.
Atau resolusi gambar tidak tajam?
Kadang gambarnya agak pecah bang
Tidak pake NSFW
Manhua/Manhwa?
Gambarnya pecah karena terlalu panjang.
[Memaksimalkan gambar manhua/manhwa blogger]
s2500 hanya contoh aja, pakai angka besar seperti s6000
Ok bang
Apa maksudmu gk kepotong?
Ada screenshotnya?
Cara ngirim screenshot gimana bang?
No.
It's complicated.
Ini di postingan Series atau Chapter?
Aku test keduany, masih responsive.
Pakai browser apa?
Coba install sekali lagi temanya, pakai cara copy dan paste, jangan di upload.
Aku lihat temanya rusak.
Chapter bang kalo series aman... Ok ku pasang ulang
diponselku cuman chapter list aja yang gak reponsif [Screenshot1] [Screenshot2].
perlu media query karena width 24rem kebesaran.
cara edit bagian pojok kanan gimana min
[Screenshot]
Ternyata km pakai versi lama.
Pakai versi baru di github.
Iya, terlalu besar.
Engk perlu media query, solusinya tinggal tambahkan: #BIzIXe82RX {
max-width: 100%;
}
Find a simple way? Like simple html edit?'-'
I saw this blog and thought that adjusting the color was possible 🫠
This comment has been removed by the author.
This comment has been removed by the author.
Yes, you can, but it's a lot of work.
The simplest way is to copy his CSS style.
[Tutorial]
makasih, btw ini bagian searchnya kenapa ngikut/double ya?
[Screenshot]
Karena judulnya sama.
Jangan pakai judul seperti itu. Kurang SEO.
Beri nama manga diikuti oleh chapter.
Contoh: Kichiku Eiyuu Chapter 60
Thank you!! Can you copy it for me?+Can't I edit it to be closer to #1e001e?؛-؛
Udah, sama aja
[Screenshot]
Send your template to my email: wernayasa@gmail.com
Oh iya, benar ada double.
Besok aku perbaiki bugnya.
I sent you from this email:
b**lliis***@gmail.com
Hi. There is a problem on my site lately. I haven't been able to solve it. in the section list inside the sections, the last sections I posted appear at the bottom. while it should appear at the top, it appears at the bottom under the first section. how can I solve this? there is no problem in other lists.
Check your email.
Btw, if you have any problem, you have to fix it yourself.
Fork my github repo for future update.
Screenshot?
:/ I load the episodes as I always do, but it skips to the end.
Hello, I have some small questions:
[Screenshot]How do I turn it on???
[Screenshot]How do I add a login, and is it free? What are its features?
I think chapter number is wrong:- Correct: 001
- Wrong: 1
Use triple digit number, sorry i don't expect series has this many chapter.
Usually I use double digit number (01)
Change false to true: rtl: false, I don't have login script.
No, its paid [script].
I'm not sure what its does.
Well thanks for your efforts in helping me ^^♡
1
[Screenshot]
2
[Screenshot]
1-Why did the image become large? How do I make it small again?
2-How do I tilt the image to the left or right side?
Tutorial lama tapi masih bisa diterapkan ke tema ini.
[tutorial]
Add this css: #Image1 img {
width: 100px;
height: auto;
} adjust width: 100px to any number your want.
Add this css: [dir="rtl"] .left-\[60\%\] {
left: 0;
} Paste this new css above: ]]></b:skin>
[Screenshot]
I don't know why the picture appears straight +Where do I put the first code for the logo?;-;
Put logo all new css above /b:skin
For some reason, the rotation is not same as another blog.
.rotate-\[15deg\] {
rotate: -15deg;
} Just deal with it.
I think the topic is beyond my ability ( T_T)\(^-^ )
Just add this: .rotate-\[15deg\] {
rotate: -15deg;
} try it.
[Screenshot]
Could it be more on the side so the writing would appear better? +When I placed the css, I did not leave a line between it and the other css. Should I do that? +Should I put #Image1 img { width: 100px; height:auto; } Also above /b:skin?
[Screenshot]
I want to drag the image to the left side a little so that the writing appears better
yes.
i can't see your screenshot
From previous css.
Change left: 0 to -100px [dir="rtl"] .left-\[60\%\] {
left: -100px;
} or any negative number your want
Try again it's working now
Ok thanks, I'll go try it
Can I convert the Genre to Arabic from the format only, or do I need to modify the html file? + How do I add a password to chapters?
Maybe, i haven't try it yet.
Modified array inside: var='Genre'
var='Genre2' You can paid [other dev] to add this password feature
cara agar tampilan chapter tidak muncul sepanjang ini gimana? pinginnya kayak, yang muncul 5 update terbaru terus yang lama tinggal discroll
[Screenshot]
Hapus label Project di chapter lama.
I made the list sorted by date with Mistral AI and my problem is fixed. I added a few more fixes.
Code: [Code Link]
Hmm, interesting.
Thanks for sharing the codes.
The next and previous chapter buttons are reversed. When I press the next button while in the last chapter, it goes to the previous chapter. I will throw the code again when I fix it.
Thanks.