Skip to main content

ZeistManga v6 - Tema blogger untuk manga komik

ZeistManga v6 adalah versi terbaru. Tema ini mengusung desain yang lebih moderen dari versi sebelumnya.

Subscribe to:
New #1
ZeistManga v6

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.

Demo
Buy via Ko-Fi (international) Trakteer (Lokal) Gumroad

Desainnya 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.

Apa saja yang baru?

Ada beberapa pembaharuan namun ada juga yang lupa dicatat. Berikut daftarnya.

  • Versi update meta header untuk SEO
  • Peningkatan peforma
  • Optimisasi code SEO
  • Chapter Index

Syarat mendaptkan update seumur hidup

  • Membuat akun GitHub
  • Email aktif atau username GitHub

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.

Sistem Label

Setiap label diawali huruf besar (kecuali NSFW).

Untuk label genre tidak ditulis disini karena daftarnya terlalu panjang.

Tipe (wajib, pilih salah satu):
MangaManhuaManhwaDoujinNovelWeb NovelLight NovelOne-ShotWNLN
Status (wajib, pilih salah satu):
OngoingCompletedCancelledHiatusDroppedComing Soon
Mode (wajib, pilih salah satu):
SeriesChapter
Filter (boleh dipakai atau tidak):
NSFW
Country (tidak wajib, pilih salah satu):
JepangKoreaCinaJPKRCN
Lainnya (tidak wajib, boleh pilih lebih dari satu):
ProjectLockNew
Bahasa (tidak wajib, pilih salah satu):
JPIDENKRCN

Credit

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.

(46 balasan) 👋 #1 Rocks Dono , #2 Azathoth13x , #3 Chaos , #4 Rocks Dono , #5 Rocks Dono , #6 Rocks Dono , #7 Rocks Dono , #8 Azathoth13x , #9 Azathoth13x , #10 Azathoth13x , #11 Chaos , #12 Rocks Dono , #13 Chaos , #14 , #15 Admin , #16 Admin , #17 Admin , #18 Apphely , #19 Rocks Dono , #20 Apphely , #21 Admin , #22 Admin , #23 Apphely , #24 Admin , #25 Noble Manga , #26 Azathoth13x , #27 秋-aki , #28 Admin , #29 Noble Manga , #30 Rocks Dono , #31 Noble Manga , #32 秋-aki , #33 , #34 Rocks Dono , #35 Noble Manga , #36 Rocks Dono , #37 Han Haoyu , #38 Caelis , #39 , #40 FlyingDutchmen , #41 , #42 Jipson , #43 Rocks Dono , #44 , #45 Rocks Dono , #46 Noble Manga ,
0
Wernayasa

Wernayasa
Admin

+339
+9
51 50 Moderator 1693559940000 1693559979740
@Rocks Dono
New #7
Its already dark by default: (prefers-color-scheme: dark) But its will switch to light if theme your Windows or your browser light theme.
When I change from dark to light : (prefers-color-scheme: light) it's changed my theme to dark by default, weird.
Hapus
Balas
0
Azathoth13x

Azathoth13x
blogger

+2678
+11
28 50 User 1693748220000 1693748234009
@Wernayasa
New #30
<b:loop values='data:post.enclosures' var='enclosure'>
<b:if cond='data:enclosure.mimeType == &quot;1&quot;'>
<div class='flex items-center p-5 place-content-center'>
<a class='grid items-center justify-center justify-items-center w-12' expr:href='data:enclosure.url' expr:title='&quot;Download &quot; + data:enclosure.url' rel='enclosure' target='_blank'><button aria-controls='BIzIXe82RX' class='flex items-center gap-2 rounded-full text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 text-sm p-2.5' type='button'>
<svg class='w-5 h-5' height='100' viewBox='0 0 100 100' width='100' xmlns='http://www.w3.org/2000/svg'><path color='currentColor' color-interpolation='sRGB' color-rendering='auto' d='m89.91 78.264l-9.178.007l8.211 9.67l-77.875.053l8.22-9.682l-9.188.008L.832 89.234A3.5 3.5 0 0 0 3.502 95l93-.064a3.5 3.5 0 0 0 2.666-5.766z' display='inline' fill='currentColor' fill-opacity='1' fill-rule='nonzero' id='gisLayerDownload0' stroke='none' stroke-dasharray='none' stroke-dashoffset='0' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='4' stroke-opacity='1' stroke-width='7' vector-effect='none' visibility='visible'/><path color='currentColor' color-interpolation='sRGB' color-rendering='auto' d='M41.34 5v20.705H24.637L50 51.174l25.363-25.469H58.66V5H41.34zm30.912 32.324c-2.317 2.328-4.632 4.658-6.951 6.985h5l18.64 21.957l-77.873.052l18.686-22.01H34.7c-2.317-2.328-4.637-4.65-6.955-6.978a3.5 3.5 0 0 0-2.28 1.213L.833 67.559a3.5 3.5 0 0 0 2.67 5.765l93-.064a3.5 3.5 0 0 0 2.666-5.766L74.59 38.543a3.5 3.5 0 0 0-2.338-1.219z' display='inline' fill='currentColor' fill-opacity='1' fill-rule='nonzero' id='gisLayerDownload1' stroke='none' stroke-dasharray='none' stroke-dashoffset='0' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='4' stroke-opacity='1' stroke-width='7' vector-effect='none' visibility='visible'/></svg> Download
</button></a></div>
</b:if>
</b:loop>
(1 balasan) 👋 #1 ❤️ Wernayasa ,
Hapus
Balas
0
Azathoth13x

Azathoth13x
blogger

+3247
+11
28 50 User 1693846560000 1693846608338
@Admin
New #52
<script>
//<![CDATA[
// Lazy Load
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3E1vT2qUoP5-Efg3eHBUZZFEh7AFZeTV7mGD9Nrx5z-XSNFqGKW-UypPUpwI45eMO0J2eofOch1NRz89Omi4jC3ht1-KuvhDKX9NHgnRAYd9sWHXWhXYqcy4hFrTtolsLnCT5wjAh-A8hbxAhS42QYphFg3Id9NjWPSMPZS94dSnKeyxvVwFsRLWVOYg/s1600/Meow%20Loading....gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>
(2 balasan) 👋 #1 Azathoth13x , #2 Admin ,
Hapus
Balas
0
Wernayasa

Wernayasa
Admin

+445
+9
51 50 Moderator 1693902000000 1693902002738
@Rocks Dono
New #59
I wont change it to inactive, doing that would defeat the purpose.
You can change this CSS: .nsfw img {filter: blur(12px) saturate(1.1) brightness(90%);}
.sfw .nsfw img {filter: none}
.sfw .nsfw-mode .off,.nsfw-mode .on {display: none}
.sfw .nsfw-mode .on {display: inline-block} Trying reverse NSFW CSS is like solving a puzzle. Sorry, I can't help you.
Let me know if you can solve it.
Hapus
Balas
0
Wernayasa

Wernayasa
Admin

+386
+9
51 50 Moderator 1693923600000 1693923613210
@Admin
New #69
Yes.
Next paste bellow b:includable id='postChapter': <b:include name='lockSV'/>
Remove */ above: document.addEventListener("DOMContentLoaded", function() { Remove */ bellow: localStorage.setItem("password", "1234");
(1 balasan) 👋 #1 Admin ,
Hapus
Balas
0
秋-aki

秋-aki
blogger

+524
+5
50 50 User 1694045760000 1694045773440
New #82
Hi, I donated for the template on Ko-fi and I quite loved the design and all the features it has.

Although, I would just like to ask two things. I wanted to know if it's normal that in the Recent Chapters section the chapters appear with the Chinese flag instead of the Japanese flag when they are manga, isn't there any way to change it? I have put the Manga and Jepang tags but there is no change.

And also, will you make a full template tutorial video on YouTube like the previous templates?
(1 balasan) 👋 #1 ❤️ Wernayasa ,
Hapus
Balas
0
Wernayasa

Wernayasa
Admin

+295
+9
51 50 Moderator 1694240580000 1694240639499
New #120
Your title didn't have word "Chapter".
Add your custom title : [&quot;Chapter&quot;, &quot;Episode&quot;, &quot;Ep.&quot;, &quot;Ch.&quot;,"your_language"] your_language is chapter on your language.
Hapus
Balas
0
Wernayasa

Wernayasa
Admin

+1012
+9
51 50 Moderator 1694272080000 1694272106145
@Wernayasa
New #132
Adding comment badge:
Find: avatar-image-container text-center justify-items-center gap-4
Pate this code on the right (give 1 space): expr:data-id='data:cb.level.authorUrl' Paste html bellow Member : <div class="badge1"/>
<div class="badge2"/>
<div class="badge3"/> Paste css above /b:skin : [data-id] .badge1::after {
padding: 1px 10px;
display: block;
font-weight: 600;
border-radius: 8px;
border: 1px solid transparent;
font-size: 80%;
margin-top: 3px;
color: #fff;
}

[data-id*=""] .badge1::after {
content: "Admin";
background: #d80000;
border-color: #ff0c0c;
}
Insert user id inside double quote [data-id*=""]
[Tutorial]
(1 balasan) 👋 #1 Rocks Dono ,
Hapus
Balas
0
A

Anonymous
anonymous

+516
+9
User 1694410500000 1694410506526
@Rocks Dono
New #148
This is the problem <svg aria-hidden="true" class="w-5 h-5 ml-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" fill-rule="evenodd"></path></svg> There's another svg besides your close button.
(1 balasan) 👋 #1 Rocks Dono ,
Hapus
Balas
0
Han Haoyu

Han Haoyu
blogger

+326
+9
50 50 User 1694437380000 1694437415618
New #154
permisi kak, izin request untuk post chapter apakah bisa juga dibuat gambarnya bisa buram terlebih dahulu? atau mungkin gambar di post chapternya bisa menyesuaikan dari filter nsfw nya kak? soalnya banyak adegan yang wow gitu, takutnya ke ban sama pihak google karena terdeteksi menampilkan gambar tidak senonoh, terima kasih.
(1 balasan) 👋 #1 Han Haoyu ,
Hapus
Balas
0
Han Haoyu

Han Haoyu
blogger

+693
+9
50 50 User 1694437620000 1694437672684
@Han Haoyu
New #155
atau mungkin bisa dikasih opsi tombol on off buat buramin post chapternya gitu kak?
misal post chapter itu berisi konten 18+, nah jika post chapter itu dikasih label 18+ udah pasti akan diburamkan dulu semua gambarnya, tetapi saat pengunjung masuk ke halaman post chapter bisa menonaktifkan fitur buram tersebut untuk dibaca kak.

intinya itu saat setiap kali dikunjungi akan buram terlebih dahulu, baru saat mau baca bisa menonaktifkan fitur buramnya kak.
maaf ya kak kalau ribet atau susah dimengerti penjelesannya, tujuannya saya request ini karena emang banyak konten komik terjemahan saya itu berisi 18+ (bulgar gitu, kayak kissing atau banyak keliatan auratnya hehe).
(2 balasan) 👋 #1 ❤️ Wernayasa , #2 ❤️ Wernayasa ,
Hapus
Balas
0
Wernayasa

Wernayasa
Admin

+619
+9
51 50 Moderator 1694440020000 1694440053139
@Han Haoyu
New #157
Bisa sih dalam teori, cuman rumit diterapkan untuk setiap chapter, takut local storagenya penuh.
Sebenarnya buram hanya di browser kita, tapi kalau di google crawler engk blur.
Ini dilema, apakah google menandai gambar kita NSFW?
Untuk berjaga2, paste code berikut di bawah <!-- Other --> : <b:if cond='data:blog.adultContent'><meta content='adult' name='rating'/></b:if> cek dulu apakah ada code: data:blog.adultContent kalau sudah, jangan dipasang.
Terus aktifkan Konten khusus dewasa di pengaturan.
Hapus
Balas
0
@Caelis
New #173
Find this code.
var lang1 = "";
var label = r.find(i => "JP, ID, EN, KR, CN".includes(i));
if ("JP" == label) {
lang = "<span class='jp'>JP</span>";
} else if ("ID" == label) {
lang = "<span class='id'>ID</span>";
} else if ("EN" == label) {
lang = "<span class='en'>EN</span>";
} else if ("KR" == label) {
lang = "<span class='kr'>KR</span>";
} else if ("CN" == label) {
lang = "<span class='cn'>CN</span>";
} else lang = "";
And replace it with the following code.
var lang = r.find(k => ["JP", "ID", "EN", "KR", "CN"].some(l => l == k)) || "";
if (lang) {
lang = `<span class="${lang.toLowerCase()}">${lang}</span>`;
}
(1 balasan) 👋 #1 ❤️ Wernayasa ,
Hapus
Balas
0
201 – 400 of 1639
Post a Comment

Post a Comment

Forum rules
You can use English or Indonesian

image quote pre code
Back to top Back to bottom