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
- 25
- Words
- 2231
YUGEN adalah tema blogger buat streaming anime. Setiap Episode anime terpisah dan memiliki postingan masing-masing. Pembuatannya cukup lama, beberapa…
ZeistManga adalah tema komik khusus untuk platform blogger. Sesuai namanya, tema ini khusus dibuat untuk blogger yang hobi sharing komik, tapi jangan salah template ini juga bisa dipakai untuk Novel. Nanti akan dijelaskan label apa yang dipakai untuk novel. Untuk kegunaan fanshare masih belum bisa dipakai, butuh penyesuaian tag.
Template merupakan cloning dari tema EastManga. Meskipun tidak sama tapi kelihatan mirip sedikit.
Memperbaiki gambar overflow di halaman
+ download box dan notifikasi postingan (Klik Disini)
Cara mengubah warna tema sangatlah mudah. Cari value="#FF6347"
. Ganti yang warna merah menurut selera masing-masing.
id='Disqus'
s.src = 'https://scanslation.disqus.com/embed.js'
Label di bawah ini hanya untuk Postingan Info. Kalau label tidak ada dalam daftar dibawah ini, maka jangan dimasukkan kecuali jika sudah tau cara input database label. Juga jangan bikin label sendiri, wkwkw. Berikut label yang valid:
Score 0.5
Score 1.0
Score 1.5
Score 2.0
Score 2.5
Score 3.0
Score 3.5
Score 4.0
Score 4.5
Score 5.0
Score 5.5
Score 6.0
Score 6.5
Score 7.0
Score 7.5
Score 8.0
Score 8.5
Score 9.0
Score 9.5
Score 10.0
Light Novel (JP)
Light Novel (KR)
Light Novel (CN)
Manga
Manhua
Manhwa
Doujinshi
Ongoing
Completed
Cancelled
Hiatus
Dropped
Action
Adventure
Comedy
Crime
Drama
Fantasy
Historical
Horror
Isekai
Magical Girls
Mecha
Medical
Mystery
Philosophical
Psychological
Romance
Sci-Fi
Shoujo Ai
Shounen Ai
Slice of Life
Sports
Superhero
Thriller
Tragedy
Wuxia
Yaoi
Yuri
Adaptation
Cooking
Harem
Loli
Mafia
Magic
Military
Music
Reincarnation
Reverse Harem
Samurai
School Life
Supernatural
Survival
Time Travel
Vampire
Video Games
Demon
Monsters
Martial Arts
Virtual Reality
Demons
Monster Girls
Monsters
Police
Shounen
Shoujo
Seinen
Josei
Mature
Ecchi
Gore
Sexual Violence
Smut
Special Thanks to:
Menyumbang Domain .xyz: RasyidzVersion | Release date | Downloads | Perubahan |
---|---|---|---|
v4.3 | Download | Lupa | |
v3.2 | Unavailable | 4 Changes | |
v2.1 | Unavailable | 3 Changes | |
v1.0 | Unavailable | Init Release |
@Asura Ghost Tutor ini kah
Bang.. Saya ngasih saran... Situsnya bener2 berat banget buat diakses... Jadi, mending gambar di homepage d i resize dan dicompress pake javascript... please ya... biar lebih seo dan gampang buat diakses...
Gambar gk bermasalah, yg bikin loading lama di bagian rekomendasi.
Kalau dihapus spednya sudah ok.
Jangan aktifkan random post, itu bikin browser crash.
Hapus 3 code berikut:<b:include name='Category'/>
Bang Minta Sarannya donk soal perihal project website saya? Link
@wernayasa
dan sorry bang gw mu tanya nih soal var autlist = 'true'; gunanya apa yaa ? kok gwa panggil di posting dia ngga working yaa ?
Error seperti apa?
Ada screenshot-nya?
Sudah bagus, gk perlu komentar apa2.
var autlist = 'true'; sudah gk berlaku, kalau gk salah scriptnya dari v1.
Sengaja dibiarkan untuk mempertahankan kompatibilitas.
Aku pun dah lupa apa fungsinya.
siap2 bang ! thanks banget infonya . wa kira autlist masih work ...
ada kekurangannya ngga bang dari web saya?
min mo nanya kedepannya bakalan nambah button download di setiap chapter dipost info dan post chapter?
btw tema forummu ini mirip web forum babiato.co ya, apa referensi dri sana ?
Ganti slidernya.
Slidernya aku buat dengan CSS,
mungkin lebih bagus kalau ada auto slidernya.
Iya, nanti ada tombol download di post chapter.
Tapi untuk post info belum pasti,
rencananya mau pakai script Dagruel.
Tombol dl nya gk working.
yup, babiato. lebih tepatnya forum xenforo.
banyak platform forum lainnya yg gw minati,
gw ambil xenforo karna yg paling populer sekarang.
Kalau basis codenya sudah complet, aku bisa bikin tema forum platform lain.
Porting fitur forum ke blogger selalu ada kekurangannya. Sangat susah.
Btw, Tema Lucid Lime dari phpBB.
Saya butuh Zeist Manga v4.3 ... Cuma yg R2... Yg kemarin itu R1... O ya.. Saran... Yang header tolong dibuat jadi sticky, ditambahin expired header biar cept load dan bisa dibikin apk...
Sama ada bug di pencarian... di pncarian justru menampilkan hasil search dari zeastmanga bt, bukan dari blog yg kita pasang...
Kak, mau nanya cara mengganti tampilan gambar thumbnail yg ada di widget (manhua,manhwa,manga) biar kayak tampilan gambar yg ada di popular post gimana ya kak?
Maksud saya biar gak ada chapter liatnya
Lapor lagi... Aku nemu BUG lagi... Di tampilan baca novelnya rusak... Parah euy... https://zeistmanga-bt.blogspot.com/2020/10/ballad-thousand-gu-chapter-2.html
Rusak kalau lihat di HP sama di Laptop safe mode... Laptop biasa aku gk tau
Itu juga yg aku tanyain...
Itu bukan bug.
Kalo mau search livenya di blog sendiri, harus ganti url yg ada di js search live.
Aku udah hapus , tapi benderanya masih muncul di post rekomendasi min... Solusi dong...
https://maktabahbeta.blogspot.com/
Brother, I want to ask you, when I try to publish a new post, the place for the search description does not appear in the blogger control panel
Gan, ane mau nanya, pas ane coba publish postingan baru, tempat deskripsi pencariannya gak muncul di control panel blogger.
Big thanks bang . Thanks .
Ada refrensi untuk slidernya bang ?
Cara Posting di Zeistmanga
Pakai label chapter dan project klo untuk menampilkan episode .
Klo misalkan mau buat post inti buat post dengan label Artist, project atau Series, Project
Kak apakah di tema R2 bisa ditambahkan icon New untuk updetan terbaru?
Kalau bisa perlu ditambahkan apa saja kak?
Oh iya Icon New ini nantinya bisa hilang sendiri dalam waktu tertentu atau pake label yg harus dihapus manual New nya?
Terima kasih.
Untuk post terbaru cari cond='!data:view.isHomepage' id='Blog1' Lalu hapus:cond='!data:view.isHomepage'Belum sempat otak-atik tema ZeistManga.
Expired header seperti apa ya, emang bisa dibikin apk?
Untuk pencarian yg mengarah ke blog lain tinggal ganti urlnya dengan url blogmuhomepageUrl:'https://zeistmanga-bt.blogspot.com/',
Aktifkan deskripsi search: Settings > Meta Tags > Enable
Screenshot
Oke... Min... Berarti sekarang cuma ada 2 perbaikan yg mesti diperbaiki:
1. Tampilan baca novel (tampilannya rusak, bisa dicek sendiri)...
2. Ada baiknya header nya dibikin sticky... Jadi gk perlu scroll jauh2 ke atas... Kalau dibikin tombol yg di bawah malah lebih baik lagi... Kayak di web www.fatwa.my.id
Sehingga ketika ganti tampilan atau pencarian, tinggal klik yg di bawah... Ini aja sih sarannya biar bagus...
Gk ada slider lain, aku kurang minat memasang slider,
biasanya slider itu perlu librarry extra biar bisa jalan.
Terlalu rumit untuk ditulis di komentar, kalau kamu cermati code xml-nya, aku yakin km bisa menambahkan tipe post baru.
Lihat di bagian ini: <b:loop index='i' values='data:posts' var='post'>
<b:if cond='data:post.labels any (l => l.name == "Chapter")'>
<b:include data='post' name='postChapter'/>
<b:elseif cond='data:post.labels any (l => l.name == "Novel")'/>
<b:include data='post' name='postNovel'/>
<b:else/>
<b:include data='post' name='postCommentsAndAd'/>
</b:if>
</b:loop>Ada 3 jenis post disitu. Chapter, Novel dan Post Series/Info.
Tambahkan b:elseif baru dengan condisi berbeda
Good luck
Ada, versi final.
Kemungkinan gk kompatibel dengan v3 kebawah.
Perlu menghapus code lama untuk meringankan load tema.
Tidak bisa, cara R1 dan R2 berbeda caranya menampilkan chapter.
Pakai label tidak bagus, karna perlu kerja extra.
Kalau ada JS yg bisa bikin div hilang sendiri setelah 24 jam, nah itu solusi sebenarnya.
Sulit dipasang untuk tema zeistmanga.
Beda struktur htmlnya.
Cara fix tampilan novel. Paste css di bawah <b:includable id='postNovel' var='post'>
CSS:<style>#comments {
grid-area: unset;
max-width: 1080px;
margin: 0 auto;
width: 100%;
}</style>Sticky header banyak memakan tempat.
Belum ada rencana memasang back to top/bottom.
What do you mean?
Do you have screenshot?
https://media.discordapp.net/attachments/926875670863294516/966657355569840128/Screenshot_20220421-120922.png
Try remove them then bookmark once again.
@admin I think you might want to add this to the template Sneeit Blogger Dashboard Framework
Ada saran gk buat tutorial sticky header..
Sticky headernya yg kayak gini aja di www.fatwa.my.id
Maka gk akan makan tempat ketika di scroll... Baru ketika di geser sikit, baru muncul lagi headernya...
Model2nya blog modern semuanya pakai cara yang kayak gini...
Add this CSS:article div.limit img {
height: 100%;
}
I use firefox as daily driver.
Thanks for the suggestion.
Itu memakai JS, aku belum tau caranya.
Masih belum sempat menambahkan fitur baru.
Thanks, it works
Cari ini:function timeAgo(o){var t=(new Date).Ubah bahasa nya, cari yg kira2 mewakili bahasa inggris lalu conver ke indonesia.
Min... Eror... Udah di label Novel tapi kok bisa masuk ke dalam Pencarian... Padahal harusnya kan kayak chapter... GK bisa masuk pencarian... Gitu GK sih... O ya bisa GK sih dibikin label Artist khusus buat penulis novel gitu... Lalu diisinya kita pakai JS menampil post by Label... Apakah yg kayak gini bisa?
O yaz aku minta kode nampilin post by Label di postingan yg tampilannya kayak di post rekomendasi di home page... Bisa GK? Makasih banyak
Versi final kira² bakal rilis kapan min?
Pencarian yg mana, ada screenshotnya?
Secara teori bisa, tapi banyak yg perlu dikerjakan.
Aku masih memprioritaskan tema lain, jadi gk bisa.
Jangan gunakan rekomendasi di hompage, itu berat loadingnya.
Ini script tab bagus dari dagruel, speednya lebih kencang:
Cara Membuat Custom Post Blogger Dengan Multi Tab & Slider
Masih lama, ada 2 tema dalam antrian.
Kalau terlalu cepat dirilis, kasian sama teman2 yg udah capek ngedit tema.
Padahal intinya sama, cuman sedikit perbaikan.
Menurutku masih belum pantas di tunggu.
V4.3 masih stabil dipakai.
Ini min.. https://zeistmanga-bt.blogspot.com/search?q=ballad&max-results=12
Novel chapter malah keikut hasilnya di pencarian
Min, cara benerinnya gimana? Padahal udahku paste css di bawahnya.
Screenshot
Cari:<b:with value='data:posts filter (p => p.labels none (l => l.name == "Chapter"))' var='posts'>Ganti dengan:<b:with value='data:posts filter (p => p.labels none (l => l.name in ["Chapter","Novel"]))' var='posts'>
Caranya seperti yg di atas, past css baru ini:<style>#comments,.a4 {
grid-area: unset;
max-width: 1080px;
margin: 0 auto;
width: 100%;
}</style>
Trus biar di postingan novel gambarnya muncul gimana min?
Next prev gk kupsanga. Susah mau masangnya, desainnya beda dari chapter.
Untuk mengatasi gambar yg tidak muncul cari:lh-1d7 link post c-ee Hapus post
Min, di chapterlistnya kok gak muncul yah? trus di post chapternya dikasih label apa?
Min.. mINTA Saran atas dua hal
1. Gimana sih Javascript cara nampilin post by label di postingan?
2. Ada saran gk biar Rekomadasi di homepage gk bikin load laama?
Min, kalo dikasih label 'Novel' sama 'Chapter 0' kok dia double yah, gimana cara benerinnya?
Screenshot
1. Maksudmu postingan khusus berdasarkan label?
Kalau yg itu memakai bahasa XML, bukan JS.
Ini fitur tingkat lanjutan, perlu loop dan kondisi tertentu,
memang susah dipasang.
2. Gunakan script dari Dagruel
Belum tentu berhasil, coba aja dulu.
Ganti:bookPost2.mainItem = ['Manhwa'];Dengan:bookPost2.mainItem = ['Chapter Novel'];Ganti:bookPost2.subItem = ['Chapter'];Dengan:bookPost2.subItem = ['Novel'];
Kalau gagal, tiru format yg dah berhasil seperti Update Terbaru.
Coba cermati codenya, sapa tau dapat petunjuk.
Adm, I have 2 questions
1- Is there any way to make the name "Flame Scan", "Ongoing", Dropped and etc colored and animated?
2- How can I make these two examples: "https://prnt.sc/yg0rxcJDj3DX / https://prnt.sc/QO-pe-a7ZILn" above the manga/manhwa chapter?
La terus klok di zeist manga ada post by label untuk chapternya... Itu cara masaang gimana
Min... Minta caranya agar gambar kotak/angka dikiri itu bisa dihapus... Sama cara agar tanggalnya tidak muncull... Biar rapi gitu...
https://id.maktabah.my.id/p/daftar-penulis.html
Sama cara agar tampilannya memanjang ke bawah, bukan malah tiga kolom...
1. Don't use flame scan logo, make your own logo.
You can change the color, but not animated.
2. I can only make minor modifications.
You have to pay for advance modifications like this. :3 Sorry
Cara menambahkan rekomendasi ada di video yotube
Cara memasangnya rumit, km harus bayar kalau mau fitur lanjutan.
Gampang, bisa pake css doang:.eps-date,.ep-right{display:none}
.ep-item{display:grid}
.ep-item .char{max-width:100%}
Add this CSS:.dark-mode .aAthrP{color:#fefefe}
.dark-mode .aAdmC{background-color:#252526;box-shadow:0 10px 40px rgba(0,0,0,.2)}
.dark-mode .aAdmC img{background-image:linear-gradient(to top right,#363636,#717171);border-color:#252526;box-shadow:0 10px 40px rgba(0,0,0,.2)}
.dark-mode .aAdmB .btn{background-color:#8775f5}
.dark-mode .webStsC{background-color:#252526;box-shadow:0 5px 20px rgba(0,0,0,.2)}
.dark-mode .webSts svg{stroke:#fefefe}
Thank you!
1. Sudah.
2. Cari <b:includable id='dataMessages'>Hapus sampai penutup.
Ganti dengan dataMessages baru: View Code
3. Jangan, gk bisa langsung copy paste, banyak yg perlu di benahi.
Cara input genre baru gimana min
tambahkan di var='Demographic'
total variable kurang dari 40 ya, lebih bisa error."Mature","Labelbaru"kalau kurang hapus label yg tidak diperlukan dalam var='Genre' atau var='Genre2'
How can I make a css code suitable for dark mode?
add CSS class .dark-mode
Copy:<b:if cond='data:view.isHomepage'>
<script>
//<![CDATA[
//Start function
function timeAgo(o){var t=(new Date).getTime()-o.getTime(),e=Math.floor(t/1e3),r=Math.floor(e/60),a=Math.floor(r/60),g=Math.floor(a/24),h=Math.floor(g/30),n=Math.floor(h/12);return 0===t?"Just now":e<60?e+" seconds Ago":r<60?r+" minutes Ago":a<24?a+" hours Ago":g<30?g+" days Ago":h<12?h+" months":n+" years Ago"}
//End function
//]]>
</script>
</b:if>Paste di bawah </b:defaultmarkups>
Agar tidak konflik cari code lama yg mirip dengan code diatas,
letaknya di atas </body> Lalu hapus
Jadi maksimalnya di sini berapa genre yg bisa kita tambahin?
Kalau di var Genre1 sama genre2 kita tambahin sampai sebanyak2nya, gk bisa?
wih mantap, work!! tengkyu min!!
gk bisa, itu sudah maksimal
Remove:<!--</head>--></head>Replace with: </head>
Hello there
I face an issue when i browse by my phone
and there's others told me about this issue too
you can see it here
https://i.imgur.com/JDDKWzH.jpg
https://i.imgur.com/FPc5xtI.jpg
as you see you can't see the whole page even when i use other browser
and thank you so much
Mantap! Akhirnya waktunya ngk error lg :v
Every browser behaves differently, I can't test all of them.
Can you tell me which browser have issue?
dah lupa letaknya, di temaku sudah dihapus,
mungkin disekitar code ini:b-img full-i i-mage oh relative
Hapus: <b:include name='ScoreMultiItem'/>
Hi,
the time it appears on the homepage is different from the actual time of the post so, is there a way to fix it?
Boleh tau gak, kamu pakai alternatif iklan apa?
Paste di atas ]]></b:skin> :.chpDate {
background-color: #e8ebf5;
border-radius: 4px;
padding: 0 5px;
}
.dark-mode .chpDate {background-color: #1a1a1a;}
Copy:<b:if cond='data:view.isHomepage'>
<script>
//<![CDATA[
//Start function
function timeAgo(o){var t=(new Date).getTime()-o.getTime(),e=Math.floor(t/1e3),r=Math.floor(e/60),a=Math.floor(r/60),g=Math.floor(a/24),h=Math.floor(g/30),n=Math.floor(h/12);return 0===t?"Just now":e<60?e+" seconds Ago":r<60?r+" minutes Ago":a<24?a+" hours Ago":g<30?g+" days Ago":h<12?h+" months":n+" years Ago"}
//End function
//]]>
</script>
</b:if>Paste bellow </b:defaultmarkups>
Find and remove old code,
you can find them above </body>.
Komentar saya eror setelah saya mengembalikannya ke komentar disqus
Screenshot
Masih lama,
sibuk ngurus tema lain.
Paste this code above </body>: <b:if cond='data:view.isPost'>
<!--[ Timeago script ]-->
<script>/*<![CDATA[*/ (function timeAgo(selector) { var templates = {prefix: "", suffix: "", seconds: "second ago", minute: "1 min", minutes: "%d min", hour: "1 hour", hours: "%d hour", day: "1 day", days: "%d days", month: "1 month", months: "%d month", year: "1 year", years: "%d years"}; 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>
</b:if>
Bukan error, itu fitur baru blogger.
Kita tidak bisa mengubahnya.
Oh iya, baru sadar komen gk muncul.
Tunggu kabar dariku,
kayaknya susah di fix.
Bukan iframe, komentar lama masih ada,
tapi komentar baru hilang.
Perlu dilaporkan ke blogger, mereka yg menyebabkan ini, mereka juga yang tau memperbaikinya.
Anehnya komentar forumku masih aman.
Oh iya bg itu kan komentar dari 4.1 kalo di update tampilan komentarnya seperti zm 4.3 gimana, soalnya yg zm 4.3 gk eror
Error juga, sudah ku test.
4.3 memakai komentar dari kimdev,
4.1 asli dari temanya.
kayaknya dua2-nya error
load_disqus('scanslation');Ganti scanlation dengan shortname disqusmu.
Cari code di atas dalam <b:includable id='Disqus' var='post'>
This comment has been removed by the author.
Min cara agar warna tampilan chapternya mengikuti temanya gimana Link
Aku gk yakin hasilnya bagus. Km coba aja.
Cari #nPL_select {
ganti:background: #333; dan
color: #9b9b9b;menjadibackground: var(--primary-color);
color: white;
Iframe {width:100%;margin:0;height:auto;}
Cara ngasih background kek gini gimana min?
Screenshot
Min, cara ngefilter label "Chapter" sama "Chapter Novel" di popular post biar gak muncul gimana?
Adm, can I create a warning box containing for example: The server is under construction" between "hot manga" and "manhwa"?
Min ini kok tombol downloadnya gak muncul di chapter list dagruel
Link
Ini susah, setiap tema memiliki struktur xml berbeda2.
Kamu harus mencari b:loop popular post tersebut, letakknya di atas b:widget popular post tersebut.
Kalau sudah ketemu bungkus b:loop dengan <b:with value='data:posts filter (p => p.labels none (l => l.name in ["Chapter","Episode","Novel"]))' var='posts'>
<b:loop>
</b:loop>loo
</b:with>Tutor ini bukan untuk pemula, temukan <b:loop> bungkus dengan <b:with>
Maybe this is not what you are looking for, but the principle remains the same.
You can apply same principle to anywhere.
Custom warning between home chapter
Custom warning inside homepage chapter
Custom warning inside post
Menurut doc dari dagruel, tambahkan ini:<div><a href="url_download" id="downBTN"></a></div>Di temaku gk work. Gk tau solusinya.
gk bisa, dah kucoba
what is the site for the Script of Dukungan (https://prnt.sc/Lg5vCsK_wVc_)? I wanted to add the telegram in place of the trakteer
safari browser & Google chrome But only when using iphone i face issues
Cara tengahin tombol bookmark nya biar di bawah gambar gimana Screenshot
Sometimes the chapter list doesn't show prev and next. and below no have a chapter list How I can add it?
bantu jawab, cari .hartomy-bookmark-btn, .btn-outline-info
hapus
left: 152px;
tambahkan
margin: 0 auto;
ubah display inline-block menjadi block
Sorry, I can't debugging iOS safari
Dapat dari mana, kok beda buttonya?
hapus css .hartomy-bookmark-btn, .btn-outline-info ganti dengan ini:.hartomy-bookmark-btn, .btn-outline-info {
position: relative;
display: inline-block;
box-sizing: border-box;
border: none;
border-radius: 4px;
padding: 0 16px;
width: 100%;
height: 36px;
vertical-align: middle;
text-align: center;
text-overflow: ellipsis;
text-transform: uppercase;
color: rgb(var(--pure-material-onprimary-rgb,255,255,255));
box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);
font-family: var(--pure-material-font,"Roboto","Segoe UI",BlinkMacSystemFont,system-ui,);
font-size: 14px;
font-weight: 500;
line-height: 36px;
overflow: hidden;
outline: none;
cursor: pointer;
transition: box-shadow 0.2s;
margin-bottom: 15px;
left: unset
}
Maybe it's not loading yet.
Only chapter 2 that can't go back to chapter 1.
The rest of chapter behave normal (in my demo site).
Ini bisa juga. tambahan width: 100%
Mungkin css dia copas dari hartomy, makanya style gk sesuai tema.
How can I dark mode the css codes here?
https://www.dagruel.com/2021/08/multi-tab-popular-post-blogger.html?m=1
Demo site is down.
Can you setup live demo for me?
It is available on my site.
Link
And is it possible to expand the 'Popular post' post a little bit? The writing area is too small.
Screenshot
.MultiPopular h3 {padding: 8px 15px}
.dark-mode .MultiPopular {background-color: #222222;color: white;}
.dark-mode .mp_Item ul li .mp_Data h3 a, .dark-mode .mp_Item ul li .mp_Data span a {color: #d5d5d5}
.dark-mode .mp_Item ul li, .dark-mode .mp_Title {border-color: #404040}
.dark-mode .mp_Tab ul {background: #2b2b2b}
.dark-mode .mp_Tab ul li,.dark-mode .MultiPopular b,.dark-mode .mp_Item ul li .mp_Data span {color: #d5d5d5}
Bang cara agar gambar full screen Screenshot
Then, how to move light-dark botton outside?
Thank you❤️.
These css codes make the slider slide automatically. But I couldn't adapt it to the slider in the zeist manga. Can you help me?
#slider-wrapper > .slider{
position: absolute;
left:0px;
width: 2800px;
height: 400px;
-webkit-animation-duration: 15s;
-webkit-animation-name: sliders;
-webkit-animation-iteration-count:infinite;
-moz-animation-duration: 15s;
-moz-animation-name: sliders;
-moz-animation-iteration-count:infinite;
-ms-animation-duration: 15s;
-ms-animation-name: sliders;
-ms-animation-iteration-count:infinite;
animation-duration: 15s;
animation-iteration-count:infinite;
}
Slider making is also in this article.
http://dogukanbatal.com/css-ile-slider-yapimi.html
Font gk bisa.
CSS ini agar gambar gk bisa di klik:.post img, .post .separator {
user-select: none;
pointer-events: none;
}
Don't,
it's complicated and long process,
i made mistake when i design mobile view.
Interesting.
I need to study the mechanism behind this slider.
Waiting Impatiently😊
min kalau pakenya gambar nya versi google drive ngatur nya gimana min
Kayaknya gk bisa,
url googel drive di acak
Bisa, tapi belum pernah kucoba.
Can I replace logo at this?
Find mb-6 mt tac fs-30 fsi mt-24 c-fff then remove <h4> to closing tag
Replace with: <a class="header-image-wrapper flex jcc" href="https://williamthuta.blogspot.com/">
<img alt="William" data-original-height="400" data-original-width="1600" src="https://blogger.googleusercontent.com/img/a/AVvXsEj7YnJym1KbmDePS2JiLx2iVjcSL3lhCYAteXJDDlPGVj-rmwqaGvjR5lqghoTZNqZNEy4QMMtuNhlW9-UIl9QOJxnBB0uBkSDJ011y0KCSy3gHJjuCFLkzgumMTCWXC8zMvbe6hEwkdZA6QkH95KWbc-C5WjI1RRnr2CDpsEzQ0s7z0J22GT3YPsX2=s1600" srcset="https://blogger.googleusercontent.com/img/a/AVvXsEj7YnJym1KbmDePS2JiLx2iVjcSL3lhCYAteXJDDlPGVj-rmwqaGvjR5lqghoTZNqZNEy4QMMtuNhlW9-UIl9QOJxnBB0uBkSDJ011y0KCSy3gHJjuCFLkzgumMTCWXC8zMvbe6hEwkdZA6QkH95KWbc-C5WjI1RRnr2CDpsEzQ0s7z0J22GT3YPsX2=w120 120w, https://blogger.googleusercontent.com/img/a/AVvXsEj7YnJym1KbmDePS2JiLx2iVjcSL3lhCYAteXJDDlPGVj-rmwqaGvjR5lqghoTZNqZNEy4QMMtuNhlW9-UIl9QOJxnBB0uBkSDJ011y0KCSy3gHJjuCFLkzgumMTCWXC8zMvbe6hEwkdZA6QkH95KWbc-C5WjI1RRnr2CDpsEzQ0s7z0J22GT3YPsX2=w240 240w, https://blogger.googleusercontent.com/img/a/AVvXsEj7YnJym1KbmDePS2JiLx2iVjcSL3lhCYAteXJDDlPGVj-rmwqaGvjR5lqghoTZNqZNEy4QMMtuNhlW9-UIl9QOJxnBB0uBkSDJ011y0KCSy3gHJjuCFLkzgumMTCWXC8zMvbe6hEwkdZA6QkH95KWbc-C5WjI1RRnr2CDpsEzQ0s7z0J22GT3YPsX2=w480 480w, https://blogger.googleusercontent.com/img/a/AVvXsEj7YnJym1KbmDePS2JiLx2iVjcSL3lhCYAteXJDDlPGVj-rmwqaGvjR5lqghoTZNqZNEy4QMMtuNhlW9-UIl9QOJxnBB0uBkSDJ011y0KCSy3gHJjuCFLkzgumMTCWXC8zMvbe6hEwkdZA6QkH95KWbc-C5WjI1RRnr2CDpsEzQ0s7z0J22GT3YPsX2=w640 640w, https://blogger.googleusercontent.com/img/a/AVvXsEj7YnJym1KbmDePS2JiLx2iVjcSL3lhCYAteXJDDlPGVj-rmwqaGvjR5lqghoTZNqZNEy4QMMtuNhlW9-UIl9QOJxnBB0uBkSDJ011y0KCSy3gHJjuCFLkzgumMTCWXC8zMvbe6hEwkdZA6QkH95KWbc-C5WjI1RRnr2CDpsEzQ0s7z0J22GT3YPsX2=w800 800w">
</a>
Bang, kok latest post ane gk ada postnya ya? Awal awal bisa.. dan setelah tambahin bbrp post baru sadar gk muncul di latest post. Udh di ganti ke template awal zeistmanga tetep gk muncul (condition ! Nya udh diapus).
Ini screenshot bang
Tambahkan .dark-mode di awal class.
Gunakan inspect element untuk menentukan class yg perlu di ganti warna atau backgroundnya.
Makanya aku sembunyikan.
Semakin banyak update, postingan Series bakal tenggelam tertutup oleh chapter.
Cara agar post series muncul adalah dengan mengupdate tanggal ke automatic.
Tentunya bakal menambah kerjaan, karna harus update tanggal post satu per satu.
Oalah pantes toh, berarti blom ada code untuk ngakalinnya ya.. Ku mau coba buat sendiri tapi masih gk ngerti fungsi tag bloggernya. Soalnya mau buat page Latest Post gitu niatnya 😑
Oke deh bang terimakasih.
Ada tiga komponen utama blogger:1. Attribut (contoh: cond, attr, expr)
2. Tag (b:include, b:with, b:clas dll...)
3. Operator (lambda, aritmatic, range dll...)Intinya aku sudah kehabisan ide.
Mungkin solusinya ada di Operator, sayangnya aku gk ngerti programing, jadi gak nyambung di otak.
Mungkin dasarnya bukan programer, jadi gk masuk di akal... hehe.
Bang setelah ku inspec elemen aku Nemu id .listV1 tapi pas aku tambahin dark mode kok yg berubah cuman ini.
Tambahkan css:
.dark-mode .listV1 {
background: #222;
}
.dark-mode li.listV1-item:nth-child(odd) {
background: #222;
color: #fff;
border: 1px solid #333;
}
.dark-mode li.listV1-item:hover {
background: #222;
color: #fff;
}
.dark-mode li.listV1-item:hover {
background: #5f458c;
}
How can I remove this feature? And how can I enlarge the cover images?
Screenshot
Remov progress bar:<div class='progress bc-fff s1'>
<div aria-valuemax='100' aria-valuemin='0' aria-valuenow='70' class='progress-bar' expr:style='"width:calc(100% / 15 * " + data:post.numberOfComments + ")"' role='progressbar'><b:eval expr='100 / 15 * data:post.numberOfComments'/></div>
</div>Find .md-w120 then replace it with new class:.md-w120 {
max-width: calc(100% - 20px);
display: flex;
margin: 0 auto;
}
Thanks it worked. How can I automate the slider in Zeist manga?
And how can I make the image slightly over the background?
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC0uDJpM-SC4r83ztUKAoYWUB7qntfotIKF7EmSL09Muygx16VapCmJwkuTtvnNopg4oLKtsBXPSf7tye5RTlgiUMpmILWPNNc-syBQm1t1oBQgZK1IqVnrLT_0qsPv_ugVFZBwbZlM4rnueUY3fQAYdP6SzcoxD94tzUDs9DLadIVN2t76TH3LXgu/s1600/Screenshot_20220501-153858_Chrome.png
Ada saran web atau youtube untuk pelajari komponen itu gak bang? Mungkin ku bisa memahami agak lebih dalem hal itu.
This is tricky. Adjust the number to your need:@media (max-width: 600px) {.pv .mtn150 {margin-top: -180px;}}600px = width of device screen
-180px = top
Tidak ada. Hanya ada artikel.
bloggerbasics101
Where should I add this code? because it didn't work when I added it to the theme.
This comment has been removed by the author.
it worked thank you so much
So how do I edit this code for measures 1024, 900, 375, 368?
@media (max-width: 600px) {.pv .mtn150 {margin-top: -300px;}}
/* Laptop 4k */
@media only screen and (max-width: 2560px) {
/* CSS Kode........*/
}
/* Laptop L */
@media only screen and (max-width: 1440px) {
/* CSS Kode........*/
}
/* Laptop */
@media only screen and (max-width: 1024px) {
/* CSS Kode........*/
}
/* Tablet */
@media only screen and (max-width: 768px) {
/* CSS Kode........*/
}
/* Moblie L */
@media only screen and (max-width: 425px) {
/* CSS Kode........*/
}
/* Moblie M */
@media only screen and (max-width: 375px) {
/* CSS Kode........*/
}
/* Moblie S */
@media only screen and (max-width: 320px) {
/* CSS Kode........*/
}
min yang chapter list new itu saya coba buat yang episode kok hilang satu bisa muncul nya 2 episode aja kayak gini min di web ini https://koitonime.blogspot.com/2022/05/leadale-no-daichi-nite.html muncul nya 2 sama 3 aja padahal yang 1 sudah ada tapi gak mau muncul sudah saya perbarui yang 1 jadi muncul 1 sama 2 aja 3 nya jadi hilang saya gak tau lagi min kalau yang chapter yah lancar tidak ada kendala tapi bagian episode yang ada kendalanya
How should I set this code? I did not fully understand.
Write this like this:@media (max-width: 1024px) {.pv .mtn150 {margin-top: -180px;}}
@media (max-width: 900px) {.pv .mtn150 {margin-top: -180px;}}
@media (max-width: 375px) {.pv .mtn150 {margin-top: -180px;}}
@media (max-width: 365px) {.pv .mtn150 {margin-top: -180px;}}Change margin-top: -180px acording to your screen.
Paste above /b:skin.
Be careful, you might be end up braking your desktop view.
Aku mau inspect elementnya, tpi new gk muncul sama sekali,
apa sudah km hapus?
new yang bagian mana kurang paham saya
I added the code you said, but although it improved in mobile view, it did not improve in computer and laptop view. The background image still looks weird in computer and laptop view.
Laptop or Computer.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6v8vEZ_0_TSyJ6JUkxIxRUHgEIJ6rBkvhhhPbUPcazoPeo6wLzxZvj_yMxKTKYYpJtSi6ZVVGoGwHz4I9y_QbvIsNTgqDoIn8myu_B6Uq4qUKND1ylN0Guf-Y9xhp1lUeiYkzy2_KeMrh4U_Vv_GQq4zOUmRl24cRTq8X33X69DYP7j_GLVyzLk97/s1600/Screenshot_20220502-162109_Chrome.png
Mobile:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSIfGT1BbSK0SO8TW35ew2-GX_w64Zfwppcr8ujUCtiNKAYDnmi9DK_wTAzkhq1Ub5EXsbr1q0CvnjL2uFh8Af26t0MWo4DfNuOGV9Ct9RPi2SeciKbO3HT8s12dMFWm4dol8RdhPkNLVEuIVS6qBBI7AkmPWV6hjCBJRcOElI_jFNkk_Iuhx_cOm-/s1600/Screenshot_20220502-162356_Chrome.png
Wih baru ku tengok lagi seperinya demonya udah banyak yg di upgrade semangat min semoga cepat release
Eh... ku kira kita ngomogin new di homepage itu.
Masalah itu sudah di fix di v4.3
Download > cari codenya > copy > paste script dari dagruel ke templatemu.
There is no solution for this.
I suggest you to revert to original code.
or remove 1024px line code@media (max-width: 1024px) {.pv .mtn150 {margin-top: -180px;}}maybe that couse the problem.
Itu request dari orang,
mungkin gk masuk ke versi final. XD
Masih lama, template streaming belum jadi.
ternyata code nya diweb saya masukin ada yang salah sama ada yang kurang
Adm, what do you think of that? https://prnt.sc/mTN_1FZy1XA4
And is there any way I can add emoji like that? https://prnt.sc/5nERz2S7B3NT
Also does version 4 have a download box next to the chapter?
Rank is imposible, blogger only take 10 popular post.
You can put view counter but i never try it.
I reserve emoji for premium template.
No, not yet.