Cara desain template blogger dengan Tailwind CSS - Anix Clone New
Ini adalah tutorial membuat template blogger dengan Tailwind CSS. Tutorial bukan untuk pemula, tapi untuk developer tingkat menengah atau atas. Tutori…
- Threads
- 1
- Words
- 612
Ini adalah tutorial membuat template blogger dengan Tailwind CSS. Tutorial bukan untuk pemula, tapi untuk developer tingkat menengah atau atas. Tutori…
DoujinRead v2 |
DojinRead adalah template komik blogger untuk Doujinshi
Ini template yang saya kerjakan selama bulan agustus. Padahal tema ini tidak terlalu sulit dibuat, duh rasanya lama sekali baru jadi soalnya pengerjaan nya sembunyi-sembunyi (if you know what i mean). Pengerjaanya santai dan banyak istirahatnya, anggap saja sebagai liburan buat saya sebelum membuat tema berat seperti EastManga, wkwkw.
Template blogger komik kali ini di khususkan untuk doujinshi, meskipun manga juga bisa, namun tidak di desain untuk menampung chapter list. Rencananya ingin membuat versi novel, tapi masih belum ada desain yg bagus.
Saya sangat senang sekali berhasil membuat Auto List Chapter Otomatis. Mekanisme nya simple saja yaitu dengan menyaring label yang tidak diperlukan. Bagi developer pasti sudah paham cara memakainya.
Bahwasanya trik ini dapat dicapai dengan multi layer b:with
. Caranya kita tumpuk b:with
dengan var
berbeda-beda. Ini hanya contoh, code aslinya berbeda. Untuk lebih lengkapnya lihat source codenya di template.
<b:with value='["Yuri"]' var='filter2'>
<b:with value='["Alpha"]' var='filter1'>
<b:if cond='data:label.name not in data:filter1 and data:label.name not in data:filter2'>
</b:if>
</b:with>
</b:with>
Setiap variable dapat menampung sekitar 40 filter label, jadi kalau kehabisan saringan filter segera buat var baru. var='filter2'
dan var='filter3'
dan seterusnya.
Chaper otomatis tidak mungkin berhasil tanpa bantuan script dari www.nurhidayat.web.id, terima kasih pada agan Taufik yang sudah berbagi script ini. Dengan adanya penemuan ini akhirnya kita bisa membuat tema setara dengan wordpress.
Supaya muncul chapter otomatis maka kita harus menyaring label yang tidak diperlukan caranya di Edit Tema cari code <b:includable id='chapterList'>
. Silahkan di tambah label disitu dengan memasukan ,"Label"
(koma tanda petik Label tanda petik)
["Yuri","Beta","Epsilon"]'
Hanya dua fitur yang dibenamkan dalam template ini yaitu untuk mengubah warna di template designer yang satunya lagi saya lupa.
Masuk ke Template Designer > Advance > Warna Tema
Berikut tag yang diperbolehkan
- Languages: Indonesia, English, Japanese
- Category: Web Comic, Oneshot, Doujinshi
- Tags: tag yang selain di atas akan masuk ke katagori ini
Di dalam file zip terdapat.
- DojinRead.xml
- chapter.navigation.xml
- download.button.xml
Saya meliat banyak yang salah memakai template ini. Terutama untuk doujin H, secara default template ini tidak mendukung tag H. Namun bukan berarti tidak bisa, solusinya dengan membuat custom tag sendiri.
Artist tag bisa di ganti dengan menari code ini var='artist'
. Variable artist ada tiga, pastikan untuk mengubah ketiga tiganya. Untuk menambahkan tag baru masukkan ,"Artist4" dan seterusnya.
Pertamax
Izin Share! Template Mirip Hunter Sekai : https://www.yukithema.eu.org/2020/08/template-mirip-hunter-sekai.html
Silahkan
Gambarnya gak rapat min? gimana cara ngilangin space dari gambar 1 ke gambar 2 biar kelihatan menyatu gitu
masuk ke postingan > Tampilan HTML lalu cari code <br /> lalu hapus
ini salah blogger, bukan salahku. wkwkw
iya, reques dari orang
saya notice di pinggir nama komentatornya ada tag "new develover", "Novelist" dll. Itu caranya bisa gitu gimana ya?
makasih
caranya simple yaitu dengan menargetkan id blogger. ganti nomor dengan id blogger kamu
a[href*="05392949523370725401"]::after {
content: 'New Developer';
background-color: #fbeaf8;
font-size: .8rem;
padding: 1px 6px;
margin-left: 12px;
border-radius: 3px;
color: #da49be;
}
Min kalo boleh aku minta script Spoiler List(daftar chapter yang 001-050 dst) template Anilist Pro.
List chapter Anilist Pro engk kompatible dengan tema ini. Tadi saya bikin list chapter otomatis eh ternyata berhasil. Ini penemuan terbaik untuk template manga atau novel. Rencananya akan saya pasang di proyek berikutnya. Coba cek disini.
https://dojinread-bt.blogspot.com/2020/08/hanging-out-with-gamer-girl-chapter-2.html
Sorry engk dibalas semalam.
Nah itu bisa, mantap min.
Template ini cocok untuk blog private hehe...
ada limit nya gk min untuk script autolist ini?
Engak ada
tadi w coba ada limit nya min. sekitar 150 post an udah max index
susah nyari script auto index yg no limit ;(
wah ternyata ada limitnya, kirain 9999 sudah unlimeted.
yaudah, makasih sudah ngabarin.
berarti itu kita masukin manual di source code ya satu-satu? jadi kita "intipin" satu-satu orangnya, terus setelah tau dia orang apa (web dev, novelist dll) baru kita tambahin ke id dia?
Kalo mau dikasih warna biru di tanda panahnya gimana min?
This comment has been removed by the author.
betul, tinggal inspec element aja untuk melihat id nya. untuk badge nya sy berikan untuk mengingat orangnya biar gk lupa.
sebenarnya template ini mendukung template designer tapi untuk warna saja. masuke ke Template Designer > Advance > Warna Tema > Icon color palette
screenhot sudah ditambahkan, lihat di postingan.
Buat di template lain min :D
maksudmu buat fitur untuk template designer? mungkin bisa, untuk template berikutnya
cari:
<div class='flex aic ase'>
lalu hapus button sampai closing tag
min tau gak kenapa prev-next nya bisa gak sejajar? ada solusi buat benerinnya gak ya?
https://123prev.blogspot.com/2020/09/judul-satu.html
tambahkan css ini:
#pager-js hr {
display: none;
}
#pager-js {
display: flex;
justify-content: space-between;
}
change href='#' to whatever link you want then paste it on post
Template manganya kapan rilis min?
Rencananya aku mau pindahin komik dari blog novel hasil redesign
Link: https://joseime.blogspot.com
wah, masih lama, kuusahakan sebelum tanggal 15 sudah jadi.
itu template igniel ya? keren redesign nya.
demo template: https://zeistmanga-bt.blogspot.com/
bang buat tag nya ku belum ngerti sama seperti buat label kah?? malum neww bee
tidak usah bikin tag. temanya langsung bisa dipakai kok.
homepage nya mantul
Saya mau ngasih sinopsis scara manual dengan menambahkannya pada artikel.
Tapi kok tidak bisa.
Begitupun dengan menambahkan atribut div class di mode html.
oh itu, iya tidak bisa. postingan nya terhidden.
dari awal tema ini dibuat khusus untuk doujin, tidak cocok untuk postingan dgn sinopsis.
bang request design untuk "DoujinDownload" dong, soalnya designnya mantep bener
https://ibb.co/cDc8kYY
fitur baca onlinenya hapus aja, soalnya kalo post diedit-edit gak ada tampil
ok, nanti sy modifikasi.
besok malam baru jadi.
gagal,
struktur tema-nya tidak di desain untuk menampung download box.
info dan sinopsis juga tidak bisa.
Selalu memantau perkembangan ZeistManga
-SandiNovel
hehehe... saya kebut pembuatannya
Btw, Ka Zen ku intip juga https://www.sandinovel.my.id keren hasil re-designnya, tmpl dari kang nolep... Kasih tau dong Ka itu tambahin lebel di cover : -ongoing, -ch. -rating, -type: manhua/novel dll gimana ya? Kali aja bisa kasih saran eheh
Yo, makasih.
Edit dibagian dalam Tema nya kak. btw itu bukan tema Kiryuu Manga loh kak, tapi tema mirip AnimeStream.
Ku coba edit edit tapi malah error, kayanya salah masukin code ahaha, nunggu ZeistManga aja aku :3
Btw Ka Zen makasih infonya..
@sandinovel/kak zen saya mau tanya juga dong tentang template kiryuu, untuk tombol prev | chapter | next . itu bisa ada 2, di atas sama di bawah, sample : https://www.sandinovel.my.id/2020/08/the-beautiful-of-whirlwind-marriage-1.html ............... Itu caranya gimana yah? Soalnya di Demo Aslinya cuma 1, di atas saja!
Untuk Admin, maaf bila bahas tmplt lain disini... Soalnya Author kayanya lagi AFK wkwkw kali aja ada yang bisa kasih saran! Terima kasih sebelumnya
Engk masalah kok, bebas mau bahas tema apa.
Untuk @Penggemarmu, pertama itu bukan template Kiryuu melainkan template AnimeStream, kedua agar tombol prev next bisa ada 2 itu karena JS Prev-Next nya saya Copy/Duplikat.
@Sandinovel
Ya bener juga Kaka Re-Design tmpl yang kumastream... Cuman saya mau coba di tmplt kiryuu kali aja bisa.....
Klo BOLEH saya minta tolong dong Kak, JS Prev-Next itu di HTML yang mana ya? Juga Sama kalau mau duplikat seperti Kak zen, di copy sama tempel di mana ya!?
Agak ngerepotin sih ini saya minta tolongnya... Mohon Maaf Banget.
gak ngerepotin kok, gak sampe 5 menit juga udah selesai.
contoh: https://123prevtech.blogspot.com/2020/08/boku-no-kanojo-sensei-episode-3.html
Link Download:
https://drive.google.com/file/d/1lLB0Spa7N8rdAufdabDPG1UGujjPo_Xb/view?usp=sharing
Wah,, Terimakasih Banyak Kak Zen!
Min Tanya dong, ku tiap intip https://zeistmanga-bt.blogspot.com background warna Zeistmanga nya berubah-ubah, nah
1. Kalo mau ubah warna kaya gitu di template Lain, CTRL+F: (cari nama apa?) Di HTML
2. Untuk komentar Disqus, dulu ku pernah pasang tapi jadi berat Min sama kadang ga muncul kolom komentarnya, Makanya Ku copot.. Tapi masih Butuh Fitur Disqus reaksinya. Liat ZeistManga perasaan Komentar disqusnya Enteng. Apa ada Ritual lain kah Min? Ehehe
1. Untuk mengubah warna cari value="#1E90FF". Ubah itu aj warna lain akan ikut berubah.
2. Cara agar Disqus cepat loading, codenya harus ditanam di tema. Cari code id='Disqus' lalu ubah ke alamat disqusmu.
Go to Settings > Manage Blog > Import content
https://app.box.com/s/skyig0jm2jlwnniothd24h8bh0n7o6gp
min, reader bar doujinread bisa di pasang hanya di static_page gk?
kalo boleh bagi code nya ''untuk reader bar sama prev-next chap nya'' untuk di pasang ke static_page
dari minggu lalu nyari yang beginiian susah banget min..... pwease bagi....
Terima Kasih!!
min, cara buat menambah tag artist-nya gimana ya? Saya sudah coba beberapa cara tapi gak bisa
webnya: https://shift-malam.blogspot.com/
kalau km masih awam tentang blogger, sebaikya jangan.
setiap kali postiingan harus modifikasi template untk menambahkan tag artist.
intinya repot.
Tapi kalau masih nekat, cari var='artist'
disitu ganti Artist1, Artist2 dst dengan nama apa saja, pisahkan dengan coma tanda petik aurthor tanda petik. Contoh:
,"Author1","Author2","Author3","Author4"
Selanjutnya masukkan label di postingan sesuai dengan Autor yg di input tadi.
Author1
bg, mau nanya..
kenapa jika tekan tombol next langsung keluar menu label dan artist?
terus yang ke-2, saya kan tidak mau ada label artis, jd saya hapus... tp efek negatifnya sewaktu saya menekan salah satu label, tombol next/prev nya rusak...
maaf bg banyak tanya hehe...
Memang sengaja di desain seperti itu. Setiap klik tombol next label muncul. Banyak yang kurang suka dengan label itu, makanya bingung mau di desai seperti apa.
Benarkah rusak? tadi widgenya kuhapus aman2 aja.
Biasanya kalau rusak url labelnya yang bermasalah, url yang benar ada max label seperti berikut:
?&max-results=10
Widget label DojinRead sedikit di modif, makanya kalau labelnya di hapus lalu di tambahkan lagi keliatan rusak tomol next-prev.
Oww begitu ya bg...
Tentang label, rusaknya sewaktu buka di HP bg, next-prev nya rusak bg, jd "Terlama, >, Beranda"
Mungkin penyebabnya ?m=1
Coba non aktifkan tampilan seluler di Tema > Pilih Tema Seluler > Desktop.
Kalau tidak bisa nyerah deh.
Min. Dua tombol ini ga berfungsi? Kok di klik ga ada gunanya?
Link Gambar
@D.Aristya
Hanya berfungsi untuk laptop atau pc yang layarnya lebar.
Di HP gk ngaruh.
Icon gambar fungsinya mengatur image width 100%
Icon buku fungsinya mengatur lebar 900px
bro, postingan di dalam template gak bisa ditambah/diedit lagi ya? saya nambahin sinopsis, tabel, dan download box. gk ada yang tampil.
Mau nanya bang, Kan di bawah Gadget Populer ada Main Posting [ Postingan Terbaru ], nah kan di blog saya udah ada 20 postingan lebih, terus untuk menu home page pertama saya set maksimal jadi 10 postingan yang di tampilkan [ di layout menu ], dan di page ke 2 otomatis full 10, Tapi pas di page 1 cuman nampilin 9 postingan dan 1 postingannya menghilang pas saya cek di page 2 tetep tidak ada, Cara mengatasinya gimana ya bang?
Note : Saya udah coba buat postingan baru dan postingan yang tadinya 9 akan ke geser ke 10 ( dan menghilang ) sementara postingan sebelumnya yang no 10 malah muncul di page 2 jadi postingan 11
@RyuuhaPDF
Pertama tama pastikan jumlah post [di layout menu] dengan script postPagination-numeric [di dalam tema] sama.
perPage=10
Kedua, kalau post banyak gambar tambahkan<span><!--more--></span> di atas postingan.
@Wernayasa
Makasih banget bang, saya udah cari-cari cara lain dan nggak ada yang work sampe pusing pala saya, dan ternyata caranya segampang itu [ cuman nambahin span span doang ] haaaaaaaaaaaaa, sumpah makasih banget bang, akhirnya bisa tidur nyenyak
Sudah ku ubah ke infinite scroll. Update ke v1.7
Tapi, kalau mau update sendiri nanti aku buatkan tutornya.
Maaf bro, aku yg tdi nanya pasal infinite scroll di fb kmu...buatin aja bro
Nanti ada update 1.8, penambahan multi server download, dan sedikit bug fix.
Tapi jangan di tunggu, gw masih ngatur jadwal dulu.
oh gitu ya gkpp bro santai aja. .
Download lagi.
Sedikit perbaikan tombol link download mirror.
sdah bro..
I am interested in purchasing the premium version, but I am not from Indonesia, is there no other method like Paypal or something like that?.
I have searched by all means but none fits.
I have a paypal account.
Lets talk via emailwernayasa@gmail.com
ready I already sent mail, we are in contact.
I replied to your email.
I am sorry, your email was detected as spam so i didn't see it.
emails sent from mail.ru to Gmail have always had conflicts.
I already responded to the email.
Tidak aman, tapi kalau mematuhi aturan blogger seperti dengan mengaktifakn peringatan kontent dewasa dan batasan usia, menurutku sudah aman.
min, request postingan label blog dong di zeistmanga ini, jadi gak cuman baca manga sama novel doang tapi bisa ada halaman buat artikel dan download gitu
Belum bisa gan,
saya masih fokus ke poyek lain dulu.
Setelah selesai baru saya update.
You can buy this theme $10 via PayPal
Mau tanya mas untuk menghilangkan iklan dibawah artikel bagaimana? Saya sudah beli tema ini yang berbayar, mungkin baiknya untuk tema yg berbayar tidak usah disisipkan iklan mas. thanks
Makasih atas sarannya.
Saya sarankan km ganti dengan disqusmu sendiri.
Daftar akun Disqus setelah itu cari dalam tema:<div id='disqus_thread'/>Dibawahnya ada https://scanslation.disqus.com/embed.js Ganti scanslation dengan scortname disqusmu.
Gw juga heran kenapa disqusku kena infeksi iklan, yg lain normal aja.
oh dari disqus nya ya.. oke siap mas.. trimakasih jawabannya.. saya coba ganti akun disqusnya
Silahkan
sisipkan code ini di atas postingan mode html. paste sebelum gambar <span><!--more--></span>
Is there any documentation for this template? It seems like there's almost very little to none.
I'm too lazy to write full documentation.
My website is still in transition from old one.
Ikuti langkah berikut.Tata letak > Blog post > klik icon pena > Jumlah postingan di halaman utama > jumlah post terserah
So how I do know if the tags will show up on a post to what version 1.4 has [artist/language/category?]apart from regular tags? Just use the labels function like normal?
I also tweaked mine a bit to include a [parody] and [group] section for those tags, will those work too by the labels function from post or manually linking them in html style?
And last, how to even make all the images of a single chapter per post works? I know how download_button.xml works; closest thing I can think of is the chapter_nav.xml but have a feeling that's just to make chapter links. I also looked at the video documentation of ZeistManga v4 and I don't know if the same method from that template works on this one as well.
[artist] is obsolete in new version.
[parody] and [group] is too much to write, blogger theme cannot store a lot of variables data.
Same with [artist] tags, there is no room to store variables, one day it will run out
The system that I made has many weaknesses.
I'm sorry, I can't help you.
Yes its same method.
@Pinattsu,
Kalau menginstall tema, harus dengan cara copy paste.Buka file dgn notepad > copy > edit THML > ctrl+a > pasteTemanya akan bersih dari embel2 blogger/tema sebelumnya.
Ada 2 Pertanyaan nih, tapi mungkin bakal nambah lagi.
1. Gimana bikin Halaman Labelnya (kalau ada link coding nya, tolong di input dong)
2. Untuk Proview manga nya kok beda yah yg di https://dojinread-bt.blogspot.com/ sama yg dafult tolong jg kalau ada coding nya dishare gimana cara posting yg bener.
1. Halaman label sudah ada, kalau kosong cari di tata telak, linknya seperti ini https://dojinread-bt.blogspot.com/search2. Beda tema, yg di demo itu versi premium. Cara postnya samahttps://youtu.be/mjBundsnknQ
- hemm, jadi untuk page label gak perlu kita buat lagi kayak gini yah ?
> https://bit.ly/3GJ4iEf
- Oh jadi itu yg premi v.2 itu toh... siplah.. >,<
Thanks atas jawaban nya, goodluck! ^^
Dinantikan kalau ada tutorial Coding template blog nya ^^
iya premium, sorry ya,
blog ini perlu dana juga agar bisa hidup.
Halo min, kenapa ya tiba tiba template ini jadi sering hilang thumbnailnya, padahal kalau di klik aman aja keluar gambarnya, jadi cuma thumbnail depannya aja yang sering hilang
https://ibb.co/wJv2qxg
Pas awal rilis gak pernah hilang,
Penyebabnya sumber gambar bukan dari blogger.
Kayaknya ada perubahan di blogger, temaku juga kena.
Aku cari dulu cara fixnya.
Solusi buat kamu, upload gambar cover lewat blogger khusus untuk cover aja.
Tata Letak > Header > edit > Upload image from computer
Centang Instead of title and description > Save
Cara agar pencariannya bisa nyari judul postingan gimana ya?
Bisa kok nyari judul. Coba aja
Gk mau bang perginya malah ke list tag
Oh ya, km pake tema yg lama.
di versi 2.1 sudah ku patch bug itu.
Minta alamat emailmu, nanti ku kirim yg baru.
This comment has been removed by the author.
Saya pakai yg versi berbayar udah lama emang
Dhanihidayat00@gmail.com
Sudah ku kirim, coba cek spam email.
I have send you an email.
Check your inbox.
Thank you.
Create your own disqus account.
Replace https://scanslation.disqus.com/embed.js with your own disqus
Thank you so so much! I love your themes btw
No, i don't think we can.
kirim $5 wernayasa@gmail.com
komentar disini/email untuk konfirmasi pembayaran
kalau beli di bantu sampe kelar kan min?
masalahnya saya kurang paham soal script
iya, nanti saya batu mengatasi permasalahan template.
kalau premium supportnya lewat email,
forum untuk support tema gratis.
kapan rilis videonya :)
Videonya tidak ada,
kalau ada update berikutnya nanti aku bikin video tutornya.
Avatar profilmu imut banget, dapat dari mana?
https://i.ibb.co/9TxS5dm/Screenshot-2023-05-10-09-56-00-778-com-android-chrome.jpg ini kenapa ya?
Itu untuk mengukur peforma website.
Membuat web yg cepat loading itu complex.
Contohnya javascript, tidak bisa dipaksakan cepat kecuali kalau km ahli coding.
Pengguna juga bisa mempercepat loading gambar dengan menambahkan loading="lazy" di tag img untuk mengatasi LCP.
Buat experiman aja, coba tambahkan loading="lazy" di img tag:<img loading="lazy"setelah itu lihat apakah ada perubahan?
salam bro bisa gk buatin tag news di tema ini? makasih ya atau bisa share gk script nya,, makasih ya
Tag news seperti apa ya, ada contohnya?
yang kek gini bro
Halo, bisakah Anda membantu saya menggunakan template ini dengan benar, seperti apa yang saya unggah di gambar, bagaimana cara menggunakannya yang benar?
terima kasih kawan
https://youtu.be/mjBundsnknQ
[Screenshot]
V2.1 Page navigation has issue
Find and remove this CSS: #main {display: none;}
Someone selling this theme [Link]
I have made a report. Thank You.
template tidak ada
Ini linknya:
[Link]