201 – 400 of 1246
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