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
- 29
- Words
- 2231
YUGEN adalah tema blogger buat streaming anime. Setiap Episode anime terpisah dan memiliki postingan masing-masing. Pembuatannya cukup lama, beberapa…
min request widget advance search contohnya ini https://i.ibb.co/L1kxdY7/widget-advan-search.jpg
reference kiryuu.id
@wernayasa cara bikin background header kayak gini gimana ya?
https://i.ibb.co/zSqSytg/1212.png jadi full body.
tapi tulisan judulnya sesuai lebar outer-wrapper.
mau saya terapin di bloghimitsu.com
@Himitsu
bikin 2 kontainer, strukturnya seperti berikut
<div class="navigation-container">
<header id="header-wrapper"><!-- Kepala --></div>
<nav id="menu-timtam"><!-- Menu --></div>
</div>
<div class="container">
<!-- Main Content-->
</div>
keluarkan header dan nav dari class="container"
ini struktur yg benar:
<div class="navigation-container">
<header id="header-wrapper"><!-- Kepala --></header>
<nav id="menu-timtam"><!-- Menu --></nav>
</div>
<div class="container">
<!-- Main Content-->
</div>
@wernayasa terus supaya judul dan menu sejajar dengan postingan gimana gan?
https://i.ibb.co/kcM8H3c/sasasas.png
@Himitsu
ada yang kurang, maaf. lupa inner-container
<div class="navigation-container">
<div class='inner-container'>
<header id="header-wrapper"><!-- Kepala --></header>
<nav id="menu-timtam"><!-- Menu --></nav>
</div>
</div>
<div class="container">
<!-- Main Content-->
</div>
kalau sudah di kasih inner-container, paste css ini. float terpaksa di hilangkan supaya bisa di beri background.
body {
margin: 0;
}
.navigation-container {
background-color: purple;
}
.inner-container {
max-width: 930px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
}
#header-wrapper {
float: none;
}
#menu-timtam {
float: none;
display: flex;
justify-content: flex-end;
}
jangan lupa hapus clear, udah gk butuh code itu.
Seperti ini tampilannya
@Wernayasa
Min tutor untuk automatis agar label hot terpasang di cover dengan deteksi disqus komen.
ex: 20+ komen disqus, label hot akan terpasang secara automatis.
@Himitsu
satu widget search dan 2 widget label gw sejajarkan, tapi cara bikinnya sudah lupa,
maklum dah lama.
@Lord Dio
belum bisa gan,
masalahnya di b:if cond comment lebih besar dari 20 tidak support disqus,
mungkin perlu javascrip untuk menghitung komentar 20+, coba tanyakan sama Dagruel
@wernayasa gan ada script infinte scroll gak?
scriptnya yg ini bloghimitsu.com error, padahal udah di matiin auto loadnya tapi masih ke load aja.
Ada, tapi yg kupakai tidak perlu jQuery, menurutku ini alternative terbaik.
View Script
pemakaiannya pastekan di atas</body>
Kalau tidak berjalan, pastikan ada class hfeed blog-postsdanhentrypastikan tetaknya beda seperti di screenshot.
Demo: anime-la-bt.blogspot.com
@Wan
Ada
Kondisional berdasarkan label:
<b:if cond='data:post.labels any (l => l.name == "PUT_LABEL_NAME_HERE")'>
ADD CONTENT HERE
</b:if>
@Rizki Aldi
kurang css ini:
.dark .geser:before{-webkit-transform:translateX(15px);-ms-transform:translateX(15px);transform:translateX(15px)}
Min tutorial dong Cara bikin label ini berada pada gambar
https://1.bp.blogspot.com/-ht70QPnjLa8/YLN1FHY0vQI/AAAAAAAABqE/XFb_j5IAzPsYQBu6Z4NtWSiFjEBkjSCkwCLcBGAsYHQ/s0/Screenshot_2021-05-30-19-20-09-82.jpg
Sudah jadi tutornya semoga km mengerti.
https://youtu.be/ORma7Ri6N5w
@wernayasa
untuk meyembunyikan atau menampilkan java di label tertentu bisa kan bang?, kalok bisa tutor/hidayah dong....
@Rizki Aldi
mungkin codenya sama dengan komentar ini:
#c1174715596053926520
Tapi belum gw coba
@Anonymous
pakek AJAX Search kalok mau Code
https://1.bp.blogspot.com/-Nb_GHlN-Dng/YLYupIXTmnI/AAAAAAAABro/q35v8jdda4osNO0Axnya3e1Fpjid0pxuACLcBGAsYHQ/s0/Screenshot_2021-06-01-20-56-11-49.jpg
Min Kalo saya mahu searchnya hanya tampilkan Anime Info sahaja dan bukannya episode gimana?
@Wan, Bisa ada tapinya...
coba dulu deh, ganti code berikut:
<b:include data='post' name='postCommentsAndAd'/>
dengan:
<b:if cond='!data:blog.searchQuery'>
<b:include data='post' name='postCommentsAndAd'/>
<b:else cond='data:blog.searchQuery'/>
<b:include cond='data:post.labels any (l => l.name == "PUT_LABEL_NAME_HERE")' data='post' name='postCommentsAndAd'/>
</b:if>
ganti PUT_LABEL_NAME_HERE dengan label anime Info.
Ini banyak menimbulkan masalah, seperti post yg tidak tampil
@wernayasa
Cobak komen pakek link min
@Rizki Aldi
beda tipe komentar nya, blog in memakai tipe Halaman penuh Tanpa JS sudah bisa input link. Kelemahannya tidak ada tombol balasan.
Nah yg km paka tipe tersemat.
Saya baru sadar ternyata link gk tampil, ini mungkin kesalahan tema dasar buatanku.
Makasih sudah lapor.
Rizki Aldi, dua hari yg lalu situsnya down. Sekarang postingannya jg belum pulih.
Mungkin situnya kena hack.
@wernayasa
ya min kalok pakek penuh linknya nongol,
tapi kalok mau komen harus bukan new tab lagi, ada solusinya kah biar tampilan komen kayak tampilan disematkan??
@Rizki Aldi
Coba pake JS, tapi gw gk punya scriptnya, km cari sendiri di google.
Komentar nya saya ambil dari median-ui, saya jg gk ngerti isi codenya.
@Anonymous
Cari dalam tema:
id='postTitle'
Paste di bawah H1:
<span class='label-s' style='background-color: crimson'>Hot</span>
<span class='label-s' style='background-color: orange'>Widget</span>
<span class='label-s' style='background-color: green'>Updated</span>
<span class='label-s' style='background-color: purple'>New</span>
Mo nanya cara agar blog hanya menampilkan label tertentu gimana ?
Kek label anime, batch or ongoing tidak muncul
Gunakan ini:
<b:if cond='data:post.labels any (l => l.name == "PUT_LABEL_NAME_HERE")'>
<span>ADD CONTENT HERE</span>
</b:if>
Penjelasan:
- PUT_LABEL_NAME_HERE : Nama label Anime, Batch atau Ongoing
- ADD CONTENT HERE : bisa icon atau text
mau tanya min, kenapa ya kalau suatu post dengan keyword yang sama saat sudah mencapai 50 post ++ tidak bisa di search? contoh ada post dengan keyword dragon ball dimana ada satu post series dragon ball dan 150 post episode dengan title/keyword yang sama dragon ball, nah itu saat di search malah gak muncul semua, padahal post series nya udah ditempatin di tanggal terbaru
demo https://www.nekosenpaiid.com/
coba search dengan keyword dragon min, nani malah blank ga muncul
@Kang Nolep
Coba test dulu apakah b:loop search query atau atau gk. Caranya paste di bawah b:includable id='main' var='this'
<b:if cond='data:blog.searchQuery'>
<b:loop index='i' values='data:posts' var='post'>
<data:post.title/>
</b:loop>
</b:if>
Simpan lalu ulangi pencarian keyword, hanya untuk ngetes apakah muncul hasil pencarian muncul.
Kalau kagak muncul gw neyerah.
@Wernayasa udah ketemu min, jadi filter search nya emang gak sesuai waktu publish, berbeda dengan search label yang di filter sesuai waktu publish
@Kang Nolep
wah, berarti pencarian kosong dong kalau waktunya mundur ke belakang,
atau km punya solusinya?
@Wernayasa udah ketemu sejak awal, di post episode , tidak dikasih nama anime atau manga nya. jadi nanti post episode nya contoh judulnya "One Piece Episode 37" dirubah jadi "Episode 37", One piece nya nanti diakali pake label, kan label nya juga pake nama Anime. Dan juga di dalam postingan episode nya juga jangan sampe ada nama animenya. Jadi nanti saat di search One Piece, post episode nya tidak akan muncul karena tidak ada kata kunci one piece di dalam post episode tersebut. Basic nya kayak theme manga.
untuk nambahkan gambar author disebelah judul post code nya apa bang? ini kah data:post.authorPhoto.url
@Rizki Aldi
<b:include data='{image: data:post.author.authorPhoto.image,imageRatio: "1:1", imageSizes: [84, 168],sourceSizes: "23px",imageClass: "post-author-profile-pic"}' name='responsiveImage'/>
@Rizki Aldi
wih bikin tema baru ya?
proyek sebelumnya terlantar atau batal?
btw, km dan Yukine orang yg sama?
@Wernayasa
buakan bikin tema, cuma belajar saja kok. (mungkin banyak yang salah juga kok)
tema lama cuma experiment saja.
ya, akun yukine lupa pass.
@Rizki Aldi
Kira-kira seperti ini. Scriptnya km ambil dari tema anilist pro.
https://youtu.be/UWwOPphXyvM
@wernayasa cara bikin hero background tapi photonya beda kek gini gimana ya?
demo : https://167.86.71.48/goblin-slayer-goblins-crown-2020-bluray/
jadi mau bikin photo cover dan background kek gitu.
@Buat Akun PC
Agar gambar hero background beda dengan thumbnail perlu javascript.
Pengen sih bikin begitu, tapi skarang sibuk update tema. Jadi gk bisa bantu km.
@wernayasa cara bikin tulisan type bold gimana ya? udah saya coba tapi gak ngaruh sama sekali. tulisan Genre, Type, Deskripsi semuanya udah saya ganti jadi Type Bold tapi tetap gak berubah.
demo : https://novel-plus.blogspot.com/2015/10/seirei-gensouki.html
@wernayasa
bang buat slider bisa 100% gimana ya? bingung gua....
Demo Slider
@Anonymous
Bisa pake widget HTML/Javascript
Tapi beri kondisi biar tampil di homepage.
cond='data:view.isHomepage'
@wernayasa tau cara bikin multi tab Komentar dan Recent Post gak? dari kemaren nyari gak ketemu.
@Tim-Tam
Masih belum bisa. Khususnya mulit tab komentar, entah kenapa komentar blogger dan disqus tidak akur.
Recent post masih bisa diakali, gant widgetnya doang.
Multi Tab Popular Post Blogger (Dagruel)
@wernayasa kalo benerin recent post yg photonya jadi buram gini gimana ya? bloghimitsu.com padahal kemaren masih bagus sekarang jadi buram gitu.
@Tim-Tam
Cari dalam script
.media$thumbnail.url
tambahkan:
.replace(/\/s72\-c\//,'/s300/')
Hasilnya:
.media$thumbnail.url.replace(/\/s72\-c\//,'/s300/')
@Tim-Tam
bongkar tema ini aja Link , itu ada scrip dual komen nya. yaa kalok mau sih
@wernayasa script adsense yg pertama kali daftar dan script adsense pas keterima itu sama atau beda? atau harus dua"nya di pasang?
baru keterima tadi.
@wernayasa
bang mau nanya untuk skrip page Page Number itu jika di letakkan di header bolekkah....
@Tim-Tam
Langkah2 nya kalu gk salah masukkan no publisher:
Setelan > Monetisasi > ads.txt kustom
Setelah itu masuk ke tab Penghasilan lalu pilih lokasinya.
Untu menapilkan iklan di antara kolom komenar gunakan:
name='inlineAd'
Sudah tersedia dalam tema blogger.
Kalau untk sidebar gunakan widget AdSense.
Mau nanya min
Cara ngilangin tulisan vietnam di menu browse di template Anilist gimana ya?
Kalo mau cek bisa ke htttps://www.glsubs.online
@glsubss
Mungkin gara2 km masang temanya salah. Jangan di upload ya.
Kalau bisa copy paste temanya lalu simpan.
Pelacak Fansub sudah tidak lagi di support.
Pihak Emission tidak akan memeri suppoort untuk tema ini.
help me add time ago to js!
JS:
https://anotepad.com/notes/qbb2nrxa
----------
I tried everything but it didn't work
Put this script above
</body>
Time Ago jQuery
" NaN years Ago " it just shows like that! How to fix
I think it's compatibility issue.
I can't fix this, since i am not expert in javascript.
min bisa buat template kayak gini ini link nya https://awesomescreenshot.s3.amazonaws.com/image/2616233/16060923-64a60961f8eb02b289418147b64ecd16.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJSCJQ2NM3XLFPVKA%2F20211102%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20211102T163128Z&X-Amz-Expires=28800&X-Amz-SignedHeaders=host&X-Amz-Signature=58e90ce3362892802b7d521b03c8e109a20dad8325f4337ff7bc7d1609a307e9
i think you error in the tag conditional. don't use time ago in or you can change tag conditional and use
rewrite because idk how use tag code in this comment
don't use time ago in
data:post.lastUpdated.jsonEscaped
or you can change it and replace using it
data:post.date
Keren temamu. Gk nyangka bisa di modif sebagus itu.
Temaku belum selesai, banyak fitur yg belum di pasang.
Forum mu membahas apa?
Kayaknya itu mirip tema MAID.
Antrian project masih panjang.
Untuk sekarang masih belum ada rencana bikin tema itu.
Ini source code yg kupaki di temaku:
Nilai plus poin:
+<b:eval expr='data:cb.level.body.size'/>
Tombol reply to id:
<b:if cond='data:commentLevel1.inReplyTo'>
<a expr:href='"#c" + data:commentLevel1.inReplyTo'>
<data:commentLevel1.inReplyTo/>
</a>
</b:if>
Sayangnya gk bisa mengambil nama user yg direplay. Kalau km bisa bikin seperti itu, share ke gw juga codenya.
Itupun berkat Lucid Lame mu bg wenayasa. kalo ga ada reference itu,mungkin ga ada tekad buat theme sendiri :D
agak bingung sih mau membahas apa. tapi kalo dilihat beberapa postnya sekarang sih membahas tutorial ataupun source code yang pernah kupake. maunya dibikin library tapi jadiin model forum biar ada interaksi.sapa tau bisa ngebantu orang lain
diriku ga terlalu jago aslinya bg. tapi semisal kalo nemu nanti ku share
coba id nya diganti ini min
data:commentLevel1.author
buat ngambil nama
Gagal, yang muncul nama author yg komentar.
Oh ya, script nilai plus yg cocok untukmu.+<b:eval expr='data:comment.body.size'/>
ok bg makasih banyak, ku terapin buat next theme. soalnya mau buat theme forum lagi yg keindex digoogle seperti ini https://ibb.co/zxL2mcK
Wah, gw setuju banget km bikin tema baru.
Saranku bikin dari awal.
Biarpun lama baru jadi, engk apa2. Yang penting di akhirnya nanti skill kamu akan meroket.
Ini tema dasar v9 yang kupakai membangun template ini.base_theme_v9.xmlIni ide-ide desain:
https://www.ignboards.com/
https://webflake.sx/
https://soehoe.id/pengumuman.f2/
https://nanda.to/
https://nulledbb.com/forum-Announcements
https://forums.tomshardware.com/
Jangan terburu2, luangkan waktu seminggu buat survei desain yang cocok.
Kalau temaku ini inspirasinya dari Babiato.
makasih banyak bg supportnya.untuk masalah design udah dapat sih.tapi eksekusinya entah kapan, soalnya lagi fokus ama kerjaan yang lain :D
Pertama tama kerangka HTML, CSS, dan javaScript harus sudah benar:
<div class="slide scroll">
<img src="#"/>
<img src="#"/>
<img src="#"/>
<img src="#"/>
<img src="#"/>
</div>
CSS:
.slide {
align-content: center;
display: grid;
grid-template-columns: repeat(10,minmax(128px,1fr));
grid-gap: 1em;
}
.slide {
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
scroll-behavior: smooth;
margin: 15px;
}
JS:
<script>//<![CDATA[
const scrollContainer = document.querySelector(".scroll");
scrollContainer.addEventListener("wheel", (evt) => {
evt.preventDefault();
scrollContainer.scrollLeft += evt.deltaY;
});
//]]></script>
min ini gimana cara ngambil html sama css atau yang lainnya gimana itu yang di dizeistmanga masih pemula min
https://awesomescreenshot.s3.amazonaws.com/image/2616233/16171618-753f7bdf0b514cbde8fd38bdf878abf5.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJSCJQ2NM3XLFPVKA%2F20211104%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20211104T121910Z&X-Amz-Expires=28800&X-Amz-SignedHeaders=host&X-Amz-Signature=74e39e33fe692a0822c01e5261736ff446528dc6f377c2b35509b1049bce1ef7
maaf min kalau screenshoot nya link nya panjang soalnya gak tau pake yang lain
Height 175 px - 200 untuk wiidth 128. Kalau lebih besar dari itu kurang proporsional.
.slide img {
width: 100%;
object-fit: cover;
border-radius: 2px;
height: 175px;
}
Scrollbar untuk frefox beda codenya.
Firefox:html {
scrollbar-width: thin;
}
Chrome:::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
height: 5px;
}Edit grid-gap: 1em; untuk mengatur jarak antar gambar.
Kamu tau developer tool di browser?
Tekan F12 atau klik kanan pilih Inspec(Q).
Atau scrip lengkapnya ambil langsung dari blog Dagruel.
min cara ngambil codenya view all terus nanti masuk ke label misal nya label manhwa yang ada dihomepage zeistmanga bisa gak
cond='data:view.isHomepage'Letakkan di b:widge atau b:section.
Contoh b:widget:<b:widget cond='data:view.isHomepage' id='HTML13' locked='false' title='Manga Project' type='HTML' version='2' visible='true'>
Tambahkan data:content url:<a href="/search/label/<data:content/>?&max-results=7">Read More...</a>Belum pasti bisa, coba km otak atik sendiri.
min ini kok jadi gini view all nya mau dipindah bisa gak letaknya
https://blogger.googleusercontent.com/img/a/AVvXsEg9Dha0JxyP8d8RXlB7TlOMKddh3kAsLndIH65I9UlmHcNFEgORhglYHmana_Gi6DWy3vfUrBhezD7tYwUZBgNmNw5m0Pv8EcvbhrYCjjRz4joDdJxHTzzTd0sHoZAYi0i_22jrgvATkg72dbWR_lKQb67zRSiANacyUxhVUuzfzE-5dyI0p0WcpV-X=s915
Bagus.
Dari sini km belajar memisahkan 2 element dengan css. Tambahkan CSS ini:.jcsb {
justify-content: space-between;
}
Hallo min.
Min bisa minta tolong ubahkan homepage template viomagz jadi kayak meownime gak?
Ini contoh tema meownimenya https://anim-ku.blogspot.com
Aku udah pernah merubahnnya, tapi loading blog dan seonya jelek. Mohon bantuannya min.
tolong ya min.
min gimana caranya masang border yang ini
gambar:https://blogger.googleusercontent.com/img/a/AVvXsEj6eldhGFDfsYKsUykW0Tf7Nc3I82k29kvqqvKHwyBASNj_cirmFdZY0LGF58a3EQKxF19_y12kyLJE7P6lqfcLwsBhFqA9SFZuErXyTy7861S2qqIaQ6gdKj2CSY-jf54CRBNRvCLCPNH5zEUkKo2txP28qscX2-8fiRhZXQES3LI3AH-3_UgnUDRy=s845
ingin nya menjadi seperti ini
https://blogger.googleusercontent.com/img/a/AVvXsEj4SUXvcBUznDuD8WyaYtFq3VPgO220LnMoLyAuHBw-T6d9Rn2S2n5lf2z5p8HxL_4KNij06HzDSo3LHmk9qMZwBZg1jHHntnRKRBVXh3qqupMqnv9tRuiTWSSubyPMPMKkPhJ7g3yBPk33p-leQg1p7jJXMXbA8v_jJLUYiJhuQr1uaH0m9QlP1Ji6=s913
Sudah gk sempat, proyekku sudah banyak.
.data h2 {
border-bottom: 2px solid red;
}
ini min maksud saya yang kotak luar bukan garis saya gak tau namanya apa pokok nya saya kotakin yang merah itu di gambar
gambar:https://blogger.googleusercontent.com/img/a/AVvXsEhO7YwUbRe1i_S40FvrgCJk08qKmQPOsWJQZotb5wyQWctx8FoP5LSVv_FD5ilK6nEWo1h_NVJ8-RV7A-mnws3khZk5v35r51VvY3qHA83LkKGcD4eGMyo4gLi4Z9P7O9EQ_aUwLDazzz7rBrTLT2IGhec4jWVATG8dDPlZetXAgF6VynTgu6dM8pZD=s957
hal paling sebel tu custom post /desain kayak gini
test blog baru
kritik dan saran dong bang
@Rizki Aldi
Pake templete apa itu ada gak di emissionhex kalau ada saya boleh minta gak templete nya
untuk thema nya buat sendiri tapi kerangka themanya saya ambil/minta dari emissionhex
min bisa gak buat kayak gini saya lihat di bacakomik.co
gambar:https://blogger.googleusercontent.com/img/a/AVvXsEgxkXlFW9msP-u0LiUOauz5CeG05NeDUuwGvxFqGz6pCOvkaA9XdQYzDvyILTtYiO2-uDyrVfbgygi2EWA-Zbvme_mOOLBb72e0DCfz7BRkkm-UxGToHOWGR8LzjZF-jxg89btcqZQKcI4NFU4haGpjU3n0G5Kt_AthhXcy3AMVrQdlALabBm1fCgnW=s795
Susah itu, banyak yg perlu diubah.
Ini kesalahan awal aku bikn tema itu.
Kritiknya nanti kalau sudah selesai.
Tema baru lagi?
Masih belum bisa, jadwalku belum clear.
Desainnya memang unik, beda dari yg lain.
Kebetulan domain .xyz expired.
Kalau menurut hati sih, libur sampe taun baru ;).
waduh masih lama dong :v
btw next project mau buat apa nih pak? bisa kasih spoiler dikit ? :v
Template streaming AnimeLA,
setelahnya baru bikin tema Novel.
Baru niat doang, km tau kan bikin tema tergantung semangat.
Kadang kalau gk mood, mau nulis satu baris code juga malas.
yes, bener banget, aku juga kalo lagi mood hidupin laptop aja males :v
tapi gatau kenapa bulan ini aku sangat semangat buat theme nya, ntah apa pemicunya juga gatau. sampe theme kumareader aja selesai dlm waktu 2 minggu :v
BTW theme novel nya nanti ambil referensi dari web lain apa desain sendiri pak?
2 minggu, wah rekor baru nih.
Web lain. Desainnya masih rahasia.
Min mahu tanya cara bikin post episode itu gimana soalnya gw baru belajar bikin template website.
Kamu pelajari sendri di codepen.
Slider ringan dengan tombol murni CSS
Masih menggunakan scrip dark light mode.
Prinsipnya sama, gunakan class yang sama tapi stylenya berbeda.
Coba test, hapus class="list" di body
https://codepen.io/wernayasa/pen/abyYPBN
Bisa lebih spesifik?
Apakah maksudmu bikin post tertentu dengan label?
min bisa gak kalau hot manga yang ada di zeistmanga dikasih next preview atau scroll mouse saya udah coba yang codepen yang diatas tadi gak bisa yang tulisan nya slider ringan dengan tombol murni css
dont use text method
$(selecetor).text()
change it and use html method in jquery
$(selecetor).html()
or you can check in my site : https://www.forum.projexcode.com/2021/11/javascript-timeago-fixed.html
Bisa, nanti kumasukkan ke update 4.1.
saran nih untuk ngambil nama nya.
pasang script ini di atas tag </head>
const getReplyName=e=>{let t=document.getElementById(e.dataset.id);t&&(e.innerText=t.querySelector(".author").innerText)};
kedua ganti tombol reply nya seperti ini.
<b:if cond='data:commentLevel1.inReplyTo'>
<a expr:href='"#c" + data:commentLevel1.inReplyTo'>
<span data-id='"c" + data:commentLevel1.inReplyTo' onload='getReplyName(this)'><data:commentLevel1.inReplyTo/></span>
</a>
</b:if>
ketiga pasang class ( author ) di tag yang berisi nama author nya.
Gagal, namanya tidak muncul.
Masih muncul nomor.
sorry ternyata onload event tidak berfungsi di tag div dan span.
jadi pasang script ini aja di atas </body>.
const getElementReply = document.querySelectorAll('.ElementReply');
if(getElementReply.length > 1) {
getElementReply.forEach( (e) => {
getReplyName(e);
});
}
setelah itu kasih class ( ElementReply ) di tombol reply nya. Contoh:
<a href="#c3086843283717964488">
<span data-id='c3086843283717964488' class='ElementReply'>3086843283717964488</span>
</a>
contoh nya jika berhasil.
https://forumdagruel.blogspot.com/2021/11/post-1.html
contoh di atas memakai onclick event.
Nanti ini kubuat mirip quote.
Makasih, besok kucoba nulis codenya.
Tag Kondisional Mention User
https://www.forum.projexcode.com/2021/11/tag-kondisional-komentar-untuk-mention.html
Hasil Contoh Comment
https://cmention.blogspot.com/2021/11/test.html
Sesuai permintaan kalo ketemu dishare :D
Mantap, berhasil kupasang.
Thanks udah ngeshare trik ini.
Sekaligus ngetest Mention User Replay.
sama2 bg
Wah, gw juga belum tau.
Halo min
Saya pakai Template DoujinReadmu yang V1.5
untuk Series / variable artist, kan maksimal cuma 39, karena sudah penuh dan masih ada tag yang belum kebagian disana, saya ingin tambah yang baru, tetapi ntah kenapa setelah saya bikin variable baru si tag yang sudah dimasukan ke variable itu tidak muncul di "series :" saya memakai referensi dari filter7
apa yang salah ya min?
Gambar biar lebih jelas = https://ibb.co/4PFXd8M
Mohon Bantuannya min, nanti saya donasi trakteer
Karena km mau donasi, mending saya update temanya ke v2.0.
Karena, sudah lama gw merencanakan updatenya desain sudah ada, kebetulan tema ZM sudah kelar, dan ada waktu luang.
Pake aja tema itu dulu, saya masih mencari solusinya.
Jujur saja sistem variabel artis menimbulkan banyak masalah.
Gw pribadi lebih memilih solusi update daripada memperbaiki sistem yg rusak/tidak stabil.
Kalau situs demo DoujinRead gw tutup, artinya update sedang berjalan.
Proses pengerjaan kira2 satu minggu.
V2.0 khusus buat donatur aja, biar adil.
Onegaishimasu! >_<
Min, bagaimana cara buat fitur ini untuk di template lain? (Lihat Pict Ya Min) Soalnya di template yang saya pakai Sekarang ga ada fitur ini, Dan mau saya pasang.
Note : kalo bisa dipasang akan saya donate trakteer, Karena emang lagi nyari banget min
Pict : https://ibb.co/yFpdp3z
om minta kode javascript buat nampilin label di blogger min, misalnya kalo html kan pakenya <data:post label tuh nah kalo javascript gimana?
Ini berfungsi sebagai breadcrumb. Seperti ini codenya:<div class='oh tac r2 mb-20 fs-13 p-y10x15 bg-222'>
<ol class='lsn m-0 pl-0 m-y0x4-li' itemscope='itemscope' itemtype='http://schema.org/BreadcrumbList'>
<li class='i-block' itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'>
<a class='c-999' expr:href='data:blog.homepageUrl' itemprop='item'><span itemprop='name'><data:blog.title/></span></a>
<meta content='1' itemprop='position'/>
</li>
›
<li class='i-block' itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'>
<b:with value='["Chapter","Project"]' var='chf'>
<b:loop index='i' values='data:post.labels' var='label'>
<b:if cond='data:label.name not in data:chf'>
<a class='c-999' expr:data='data:label.name' expr:href='data:label.url' itemprop='item'><span itemprop='name'>
<data:label.name/>
</span>
</a>
</b:if>
</b:loop>
</b:with>
<meta content='2' itemprop='position'/>
</li>
›
<li class='i-block' itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'>
<a class='c-999' expr:href='data:post.url' itemprop='item'><span itemprop='name'><data:post.title/></span></a>
<meta content='3' itemprop='position'/>
</li>
</ol>
</div>
Yang perlu di edit adalah :["Chapter","Project"]
Variable tersebut merupakan label yang ingin di sembunyikan.
Bisa kasi screenshot, tujukin yang mana km maksud.
https://i.imgur.com/Q1r6ntE.jpg
itu om screenshotnya, coba liat yg saya lingkari hitam di tulisan warna merah,
itukan tampil bagian labelnya kan, itu cara buatnya gimana? yang versi javascript, lagi butuh banget om buat memeper indah tampilan web film, cuman saya tidak pandai di urusan javascript,
bisa kasi source kodenya gak om? hehe
min, cara buat label input baru gmn min untuk template zeistmanga, soalnya label inputnya sudah penuh, dan masih butuh untuk beberapa input lagi hehe, kalo bisa kasih tutornya min gmn cara bikin script label input baru
Oh label di javasript.
Saya engk jago javascript, masih newbee.
Tambahkan variable dulu, letaknya setelah tanda ;
var label = json.feed.category[i].term;
berikutnya, pemanggil, yg ini biasanya ditulis dalam document write:document.write(date);Ini saya yg saya tau, saya test labelnya muncul, tapi belum tentu berhasil di pasang di script lain.
Ket:
var label bisa diganti dengan singkatan var l maka document writenya document.write(l);Saya noob banget menulis code javascript, engk bisa jelasin lebih detail dari ini.
Apakah var='Demographic' sudah dipakai? Kalau belum isi itu dulu sampai 39 label. Kalau masih kurang ambil var='Content'. Selanjutnya ganti<b:if cond='data:label.name in data:Genre or data:label.name in data:Genre2 or data:label.name in data:Demographic'>Dengan<b:if cond='data:label.name in data:Genre or data:label.name in data:Genre2 or data:label.name in data:Demographic or data:label.name in data:Content'>
Ralat.
Pemanggil yg benar:document.write(label);
Min caranya gambarnya membuat selalu 100% width di template Doujin Read gimana min?
https://ibb.co/QXy3fDg
BTW DoujinRead 2.0 Gimana min
kok bisa gak work ya? hmmm
Masih lancar.
Coba css ini:.separator img {
width: 100%;
}
Seperti apa code js-nya. Gw mau liat.
Upload di Google drive. Linknya post di sini.
Ini Min Linknya
https://drive.google.com/file/d/1BTQ1r2V3CJXS_TAhVF3khkaIvy6vxa7c/view
Kalo bisa tolong dibantu ya min ditaroh diatas document.write(<div class='trailers
sebenernya mo buat template kaya lk21 cuman aku payah banget masalah javascript
Aku coba dulu deh, karna buka ahlinya,
besok malam cek disini bisa atau tidak.
Ok Siap Min
sudah full semua min input labelnya, apa masih bisa ditambahkan lagi input label baru?
Mungkin sudah maksimal, tapi entahlan karna sudah lama, saya juga lupa.
tambahkan var='Genre3'.
Caranya menambahkan variable baru.
Copy ini:<b:with value='["New Label","New Label2"]' var='Genre3'>
Paste di bawah:var='Genre2'>
Penting ! Tutup codenya, copy ini:</b:with>Paste di atas:<footer class='bc-22'>Terakhir ganti:<b:if cond='data:label.name in data:Genre or data:label.name in data:Genre2 or data:label.name in data:Demographic or data:label.name in data:Content'>Dengan:<b:if cond='data:label.name in data:Genre or data:label.name in data:Genre2 or data:label.name in data:Demographic or data:label.name in data:Content or data:label.name in data:Genre3'>