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…
MakuraNovel adalah tema Blogspot khas EmissionHex yang dioptimalkan untuk blogger novel, cocok untuk berbagi novel terjemahan atau hasil MTL.
DemoIni tema pertamaku yang dibuat dengan TailwindCSS, agak ribet juga karna harus belajar CSS abstaction. Namun kalau sudah terbiasa bisa lebih cepat dari menulis CSS manual. 90% CSS di generated otomasis, saya hanya menulis class saja.
Tema novel ini diluar rencana, awalnya ada tema lain yang sedang digarap. Karena sulit, aku putuskan untuk mencari tema novel yang mudah diclone
Pilihanku SakuraNovel dan Maid.id karna terlihat simple dan bersih barangkali mudah diclone. Nyatanya tidak.
Aku meremehkan sakuranovel/maid.id ternyata banyak komponen yg ternyata cukup sulit dibuat. Untungnya ada komponen yang bisa di import dari ZeistManga, itu mempercepat proses pembuatan tema.
Berbicara tentang cloning tema, aku hanya clone sebisanya saja, beberapa perubahan sedikit agar tampilannya unik
Bagian favorite admin adalah backdrop filter, kyak efek kaca, yg berbeda dari tampilan sakuranovel yang lebih transparent. Lihat perbedaanya. MakuraNovel - Sakuranovel
V 1.2
[+] Live Search
[+] RTL Support
[^] Post Series Format
[*] Mobile Search
----------------------------------------------
V 1.1
[+] Post Chapter Nav Bottom
Adding Update Section: https://youtu.be/0QhXlFiGa0I
Adding Download Button: https://youtu.be/SuWohLkr87Y
Post komik sama dengan novel, tapi versi simple aja:
Link
wih cakep bener bang ini bisa novel sama komik juga ya?
Bisa, tapi fungsi utamanya untuk novel.
Kalau ZeistManga v5 juga tidak bisa novel hanya komik, ZeistManga v5 tidak cocok kalau untuk novel.
ZeistManga v5 ini tidak bisa aku rombak jadi streaming anime kalau versi sebelumnya ZeistManga masih bisa.
By : AnwaAnwar464
90% yes:
https://makuranovel-bt.blogspot.com/?hl=ar
The top bar looks messy on phones as well as the social media icons.
If you can get it to support RTL properly, I'll buy it
Because it is a simple and fast template, it is suitable for manga
It will take time.
I will add a live search as bonus.
nice, thanks
I've updated the theme.
This is the best i can do.
Sorry if it doesn't meet your expectations.
To be honest, I like the manga/novel theme if there is no star because it is no function and only for display. I attempted to delete or remove the html, but it caused the theme to crash.
You did a good job, but I will definitely wait for more great updates in the future
I will buy the thame from kofi
my nikename on kofi is "reotsumi"
Users need it to guess how good the content is.
Even though it's useless, it can increase the click rate.
Users tend to click on content with a higher score.
Please don't remove it for the sake of user experience.
Thank you.
Don't forget to download the theme on Ko-Fi shop.
Sorry, I don't have Telegram
If you can't find download button, i will send it to your email.
No, I found it. I thought you should send it directly
Find id='Disqus'
Scroll down and find : load_disqus('scanslation');Change scanslation to to your disqus shortname
https://youtu.be/D32seKCgMog?t=1520Dont forget to enable disqus from costumize panel.
I found a bug MakuraNovel theme from another site.
Post Series takes up a lot of bandwidth, make sure you monitor it on your site.
If you found it, let me know.
Its wont finish loading and keep downloading about 200MB file and more:https://www.manga-kraken.net/2023/01/maou-gun-saikyou-no-majutsushi-wa.html
This comment has been removed by the author.
Solution please, i dont know what should i do
I have no idea what is happening. But try set you Feed to Full
Screenshot
Don't worry, your site is fine.
Min... Themplate ini dibagian bookmark belum sempurna ya?,
Soalnya.. walau sudah dihapus hasil bookmarknya, bookmarknya masih tetap menampilkan 'bookmarked' dibagian tombolnya
Iya, karna hitungan bookmarknya memakai tombol like, makanya textnya tidak balik ke semula.
Sudah ku ubah dari Bookmark menjadi User Bookmarked
Biar tidak kelihatan bugnya.
Bang, bisa nggak si request custom template ke Abang? Kira² tarifnya dikisaran berapa bang? Maaf, nggak sopan..saya baru join dan penasaran
Santai aj, disini gk ada istilah senior junior.
Jasa custom template sudah lama aku tutup.
Emang mau bikin tema apa?
Halaman depan lebih prefer ke zeist. Trus halaman deskripsi novel lebih suka zeist + makura.
Halaman chapter lebih suka yang makura 🤣
Ini masalah yang ingin aku selesaikan. Komponennya terikat pada tema itu, susah mau di pindahkan.
Daripada order tema yang biayanya mahal, lebih baik order komponen aja, tinggal plug in ke base theme, pilih bagian yang kamu suka dan hapus yang tidak suka.
Sayangnya ini masih rencana, masih mikirin bagaiman caranya bikin pondasi komponen modular.
Nanti km cek di halaman depan bagian Blogger akan ada subforum Blogger UI Kit.
Tunggu kabar dariku lagi, mudah2 minggu depan ada hasilnya.
Kalau tidak ada berarti belum jadi.
Sip. Makasih bang. Ditunggu karya selanjutnya
Sure, why not.
I will post the tutorial here, maybe tomorrow.
Thank you very much and One more I wanna know
How I can post the Manhua no gaps and in the middle not be like thisScreenshot
Add this CSS:.blog img {
margin: 0 auto;
}
Inside:<b:includable id='inlineAdChapter' var='post'>
Adding Download Button:Tutorial: https://youtu.be/SuWohLkr87Y
Script: https://app.box.com/s/xkqw6yu2swq30yhmlfv3b2oixx9bpbar
Bro i think clwd.run('Serie name') thing is caching all pages(also images) on chapter listing. You can able see on "Devtools > Network" tab.
Ads appear on the side Screenshot , how to fix that?
Yea, it's weird. Only your site is having this problem.
Have you setting your Site feed to full?
Or try other option on Site feed aside from Full.
Screenshot
thank u , it's done
Screenshot This problem has been since ZM. I used to download 1.5 GB
Screenshot It's fine now
Omg, 1.5 GB is terrible.
How do you fix it?
Screenshot As you suggest change site feed from full to separator
Here is how you fix it: Go to Settings > Site feed > Until Jump Break > SaveScreenshot
Maybe next version of ZeistManga. I will add novel feature.
Selamat datang dan makasih
Hello, I wonder if it is possible to add an update that allows the color of the read chapters to change.
Sure you can.
Add this CSS::is(.eph-num,[name="npx-list"]) a:visited {color: limegreen;}Above:]]></b:skin>Don't forget to fix your web infinite load on post series.
Read here: c2136028362869058721
Entah bug atau memang limitasi paltform blogger. Tapi jika chapter suatu series sudah banyak (Disini sekitar 500), menu chapter list yang di page series dan yang di chapter page kecampur series yang lain. Btw terima kasih tema nya.
This comment has been removed by the author.
Belum pernah menemukan masalah ini.
Coba cek di post Post Chapter, di post chapter hanya boleh menerima label 3 label yaitu:Chapter
Project
Judul Manga,Kalau lebih dari itu bisa menyebabkan masalah.
Periksa apakah ada label Hot atau New?
Invite aku ke blogmu untuk investigasi lebih lanjut.
Email: emissionhex@gmail.com
Ternyata label new. Sebelumnya pakai tema Zeist. Terima kasih pencerahannya. Sekarang tinggal Chapter List yang di reading page tidak urut. Ini kesalahan setting post saya sepertinya.
Coba perbaiki judul dulu. Kalau gk salah urutannya berdasarkan judul.
Contoh judul yg bagus dan SEO:Return of The Mount Hua - Chapter 1 Judul chapterIni akan membuat chapternya berurutan (Semoga).
Jangan lupa menambahkan label Series di post info (bukan post chapter).
https://emissionhex.blogspot.com/2023/04/multi-tab-lirik-lagu.html
Dark mode comments have been around for a long time, i didn't do any special.
Provide a screenshot to help me understand better.
I've created a gumroad account.
https://wernayasa.gumroad.com/l/makuranovel
This comment has been removed by the author.
Thank you for your help. I bought the theme.
Thank you very much.
https://beta.im.ge/i/image.uep740
https://beta.im.ge/i/image.uepIsT
How do I do the search part, the about me part and the dark theme - light theme part? I couldn't find it in the video.
Step1: [Screenshot]
Step2: [Screenshot]
Thanks. I wish blogger had a membership system :(
You can invite users to make posts.
I don't know if that's what you're looking for.
Credit/debit card no longer working on Trakteer.
Here quick fix. Add CSS above /b:skin.overflow-scroll::-webkit-scrollbar {display: none;} I developed this theme using Firefox, didn't test it on Chrome.
Also Firefox on Linux doesn't have scrollbars.
https://pasteboard.co/5H98g6OzcN4R.png
https://pasteboard.co/c2db5PCDdmRn.png
Thanks, it looks much more aesthetic that way. I think you should add it to the theme by default. Because Chrome is the most used browser in the world.
https://prnt.sc/YWN8U6ijoQTh
https://prnt.sc/nC_UT-04q9hI
Pictures added to page 2 are visible on the computer but not on the mobile.
https://prnt.sc/bOn7UC4BaSbA
I see... strange, its not suppose to be like this.
I don't have solution at this moment.
https://pasteboard.co/atEyFD1KQ75m.png
How can I add this feature from Zeist Manga to Makura Novel?
What feature, search filter?
There is not sidebar on MakuraNovel.
This comment has been removed by the author.
Isn't there a way to add both features to the homepage?
I won't install a sidebar in this theme. Sorry.
The code hasn't been developed yet,
it's just a concept that i come up months ago.
I'll post here when the code is ready.
Iya, sudah tidak berfungsi lagi.
Baru seminggu dipasang server klik counternya tutup.
Emang pake apa bang servernya?
Jadi ganti style ke zeistmanga bisa nggak min?
https://countapi.xyz/
Ubah: data-after='User Bookmarked'
data-teks='User Bookmarked' Menjadi: data-after='Bookmarked'
data-teks='Bookmarked' Terus, hapus: data-klik='0' Tambahkan CSS di atas /b:skin: .bookmarked #wc-liked::after {
content: attr(data-after);
margin-left: 5px;
}
*Ralat, ubah menjadi: data-teks='Bookmark'
bookmarknya juga cuman bisa 1 hp 1 bookmark, dan jika di unbookmarked maka angkanya juga hilang/menurun... yah.. ini mirip seperti bookmark yang dipakai Maid/SakuraNovel,
walau gak secanggih itu.
link bisa di akses
Hapus aja min kode lamanya,
Soalnya aku lupa Data Count bookmark di Campur jadi Satu Bukan Per-postingan.
ini Kode barunya [Link]
Yang sudah diperbaiki
data count per-postingan [Screenshot]
This comment has been removed by the author.
Ok, makasih updatenya.
Sudah bisa diakses, makasih.
atasi komentar blogger ngzoom ketika menulis komen.. gimana ya?.
sekalian bisa minta saran...buat fitur read Manga ini :[Link custom read manga]
cuman perasaanku kayak ada yang kurang, jadinya gak cocok.
apa yang kurang nya itu agak lupa
Wah, dah bisa pasang custom reader.
Ngezoom seperti apa ya, aku kurang paham.
Dah bagus, cuman di rapiin lagi tombol loginnya.
Gimana tema webhiru, sudah selesai dibuat atau batal?
kayak gini : [Link] masalah komentar ngzoom.
kisaran 75%, tinggal 4 / 7 lagi.
1 warna pada website, 2 reponsif website, 3 merapikan seluruh css dan js,4 auto download manga dan Novel generator (pdf,zip), 5 Bookmark lokasi terakhir membaca txt Novel (belum nemu metodenya) .
Hapus viewport lama.
Tambahkan viewport di bawah <head> : <meta name="viewport" content="width=device-width, initial-scale=1.0">
I took the theme seleseven for supporters. Since nsfw labels can be used to lock chapters, which is very convenient, can you add them to Makura?
https://youtu.be/n1WlXYjh1L8
Password: kazuma
Demo: [Link]
Thanks to MAGIC Reincarnated for sharing this script
It work with series posts. But it doesn't work with chapter posts. If someone send a link post chapter to someone else It can be read at all.
There's nothing we can do, the script just overlays on top of the post.
This comment has been removed by the author.
What do you mean like this?: lock chapter :https://webhiru.blogspot.com/2023/05/shadow-garden-volume-1-chapter-11.html
I don't know if it works or not but give it a try
try to paste the code above, paste below this code
[Link]
Password: 1234
When you read the chapter You will need to enter a password. When you read the next chapter It will check the password and make it readable. similar Wendy's but that requires insert code to chapter post
sorry for my bad language
However, I understand that it's hard to make code between themes 100% compatible. Waiting for zeistmanga v6
Yeah like this
OK, then let's try this: https://datakodehiru.blogspot.com/2023/06/chapter-lock-problem.html?m=1
I hope it works. I can't write the code here
Its work Thankyou very much!
Udah bisa min, nyoba ngubah javascript bagian Chapter membuat pengecualian untuk label "series" ternyata work juga
This theme is a WordPress clone, I don't know what the name is. https://www.maid.my.id/
https://sakuranovel.id/
Tanya sama dia https://www.facebook.com/sofyan423
Themplate milik crotpedia dapat dari dia , itu kata admin crotpedia
[Link]
If there is more than one admin. Profile can't view. Can change this to bookmark button?
Sure you can.
Option 1: https://youtu.be/vd21bHDUeWM Option 2: https://youtu.be/QkPdjkJVhC8
we can't hide the series if nsfw? It's useless if we blur it, they can see/click it on homepage.
Let's say that you are browsing the website but there is someone is beside you, nsfw can be useful for hiding those images.
We could hide nsfw but it will create blank spots.
You can use: Lock but its not very useful either.
[Link]
My brain didn't work when I watched the first video(HA) so copy code you are done. have slight issue where the text is blur when in dark mode. how to fix
Iya, update seumur hidup.
Karena tema ini sudah stabil, kayaknya gk ada lagi yg perlu di tambahkan.
Tapi km bisa beli fitur/tambahan/modifikasi tema. Asalkan ada contohnya, aku bisa clone.
Don't put space after semi colon.
You missing dark:text-gray-400 class and many other classes. Replace : flex m-1.5 rounded 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 With: flex m-1.5 rounded 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
apakah bisa di tambahkan icon mengapung gini?
kaya web : shinigami.id
kaya gini bagian bawah
Bisa, tapi tunggu update zmv6 selesai.
kalo lingkaran profil di hilangkan terus diganti tombol untuk switch mode tema aja, codingnya apa ya?
https://youtu.be/0Z-DpGKfeR8
[Link]
1.Chapter list do not appear first chapter from database chapter (chapter 113), how do I fix it?
2.how to install disqus without ads, I forgor
1. I'm not sure about chapter 113, maybe date related issue. This happens if you upload the older chapters late, maybe, I'm not sure.
2. Use adblock, we can't get rid of Disqus ads.
The setting for removing ads is in the admin settings on Disqus.
Or it can also be removed via CSS
#disqus_thread>iframe[src*="ads-iframe"]{display:none!important}
metode yang dipakai MakuraNovel untuk dapat Sinopsisnya bagaimana caranya bang?
[Screenshot]
Pakai post snippet ini/atau yg lainnya: <b:eval expr='data:post.body snippet { links: false,length: 200,linebreaks: false}'/> Paste synopsis di atas: <span><!--more--></span>
[Screenshot]
Gambar juga wajib dibawah more <span><!--more--></span> agar semua post muncul di data:view.isMultipleItems.
makasih bang..
soalnya pakai metode yang kutahu gak bagus.
maaf min oot, info template yang dipake blog ini, apakah masih tersedia disini?
[Link]
ini kan [Link]
Waduh, aku kangen sama tema ini.
Tema Anilist perlu sidikit modifikasi aja, biar bisa dijadikan streaming atau manga.
87
I edited the theme, what do you think?
https://www.kudasai.com.br/
I got a lot of inspiration from
https://mangareader.to/
Wernayasa, If you want the source code of the site, I can find a way to send it to you via discord.
Maybe it's to improve and reach like a new update.
Nice, you also choose a good color, it gives a different vibe.
No need, you keep the design for yourself.
can u tell me what to do for that [Screenshot]
For LTR website, add this CSS: .bookItem h2 {
direction: ltr;
}
it's for rtl site
Where did you put the CSS? let me see your screenshot.
Put CSS above /b:skin
Maybe this? .bookItem h2 {
direction: rtl;
}
i know [Screenshot]
I also tried to put rtl but nothing change
put it in .bookItem>.data>h2, .subItem li .chpName
how
search for:
.bookItem>.data>h2, .subItem li .chpName{
and put inside it:
direction::ltr;
From the screenshot you provided, you want the dots to be on the right, right?
Or did I missed something?
[Your Screenshot]
yes like u said
This comment has been removed by the author.
its done thank u
This comment has been removed by the author.
the dots problem its done , thanks for ur patient with me.
hi my beautiful, I wanted to know if you could help me to implement this reader in the theme that I bought your makuranovel-bt currently it only works for text but for img it is not working
https://thumbsnap.com/s/LpK81WA2.png
Sure, but I need to fix the manga and novel buttons.
If you click on manga button, its does nothing.
[Screenshot] Caranya gimana tuh untuk bagian blur?
Label: NSFW
Labelnya tidak bisa digunakan
Invite. wernayasa@gmail.com
Nanti ku perbaiki.
Shapp
Check email
Jadikan admin.
Besok kuperbaiki.
Done
No. At least not yet.
I want to move MakuraNovel users to GitHub for easy update deployment.
how to fix the auther mark [Screenshot]
👌 ok
Add this CSS: span[itemprop="author"] svg {width: 23px;fill: orangered;}
span[itemprop="author"] {display: flex;gap: 4px;align-items: center;}
its done thank u
Can I ask if these templates (makuranovel and ZeistManga v6) can manage users to distinguish users paying to see exclusive stories or stories required by copyright fees?
This comment has been removed by the author.
I bought it because it's beautiful, I support you. but I'm not very familiar with it. If I update the new version later, how should I update? reinstall from scratch??
That shouldn't be a problem.
Just like you installing theme, updating is just mater copy and paste.
It will not affect your post.
Send your email address to my email : wernayasa@gmail.com
to receive future update.
Thank you for emailing you about my email address khan******lk@gmail.com