201 – 400 of 1533
Mark
#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.

#ads
#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>
Balas
#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>
Balas
#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.
Balas
#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?
Balas
#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]
Balas
#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.
Balas
#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.
Balas
#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).
Balas
#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.
Balas
#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>`;
}
Balas
201 – 400 of 1533

Forum rules
You can use English or Indonesian


image quote pre code
Share: