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…
The notification is already there, it tells the user that they don't have enough coins to open the Chapter
HI
Sorry, I have not working on it.
I felt guilty for not telling you.
How is your database site doing? Are you still posting regularly?
No, the site is down at the moment. It's a project that hasn't started yet. I was waiting for you to make the theme for it to start. I don't like the WordPress theme, so I'm not using it.
Di mana blog Anda min. Saya tidak dapat menemukannya, dikatakan blog Anda telah dihapus.
Oh I see.
I'm definitely going to make it after my schedule is clear.
blog dihapus blogger...
sayangnya gk ada backup hasil modif temanya, jadi aku putuskan tunggu setelah tahun baru aja..aku bikin blog barunya.
harusnya ini sudah selesai dari sebulan setelah blog dihapus, tapi karena pekerjaanku dilaut jadi waktuku gk teratur dan itu bikin semua jadwalku berantakan.
Saya akan menunggu pembaruannya min. Dan pastikan skripnya aman sehingga blogger tidak mengunci blog saya.
https://bukanwibu.blogspot.com
Ini min. Yg kolom pencarian/search anime nya ga muncul di HP. Tapi di PC/Desktop muncul.
Kayaknya memang di desain seperti itu.
Tanyakan ke dev nya cara menampilkan search di hp.
https://streambukanwibu.blogspot.com/ sorry min, ini website nya. yg kolom pencarian/search animenya ilang kalo di seluler. tapi kalo di mode desktop ada
Aktifkan widget profile di tata letak,
tombol searchnya ada di profile widget.
oh iya min. soal masalah saya itu, yg kolom pencarian ga muncul. harus tanya ke dev nya ya, dev nya yg mana ya min, kirain mimin.. hehe
I can't give you a roadmap, I didn't even know what a roadmap was when I started making templates.
Pick website you want to clone, just do it right away.
Tools you need: - Base theme: [Download]
- Firefox or Google Chrome
- Workflow: [how i use browser to create template] Use inspect element, it is the best tool you can use to learn from other people's themes.
Tema mana? kalau tema ninestream itu buatanku.
Don't I need any documentation about blogger tags?
How to fix this Uncaught TypeError: Cannot read properties of null (reading 'appendChild')? <script>/*<![CDATA[*/
document.getElementById('syn-target').appendChild(
document.getElementById('synopsis')
);
/*]]>*/</script>
Sorry, I can't fix javascript.
try changing it to something like this <script>/*<![CDATA[*/
let Data_Sinopsis = document.querySelector("#synopsis");
let Target_Sinopsis = document.querySelector("#syn-target");
Data_Sinopsis && (Data_Sinopsis ? Target_Sinopsis.appendChild(Data_Sinopsis) : Target_Sinopsis.innerHTML = "<p>No Synopsis</p>");
/*]]>*/</script>
Thanks, it works. How about this one, Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')? <script>
/*<![CDATA[*/
var toggle = document.getElementById("toggle");
var content = document.getElementById("content");
toggle.addEventListener("click", function() {
content.style.display = (content.dataset.toggled ^= 1) ? "block" : "none";
});
/*]]>*/
</script>
<script>/*<![CDATA[*/
var toggle = document.getElementById("toggle"),
content = document.getElementById("content");
toggle && content && toggle.addEventListener("click", function() {
content.style.display = (content.dataset.toggled ^= 1) ? "block" : "none"
});
/*]]>*/</script>
Thank you. Very helpful, it reduces the chances of my blog being flagged and locked by Blogger. How about this one it has the same issue with the synopsis? <script>/*<![CDATA[*/
document.getElementById('extra-target').appendChild(
document.getElementById('extra-info')
);
/*]]>*/
</script>
<script>/*<![CDATA[*/
document.getElementById('character-target').appendChild(
document.getElementById('character')
);
/*]]>*/</script>
The method is more or less the same as the synopsis above <script>/*<![CDATA[*/
let Data_extra = document.querySelector("#extra-info");
let Target_extra = document.querySelector("#extra-target");
Data_extra && (Data_extra ? Target_extra.appendChild(Data_extra) : "");
/*]]>*/</script>
<script>/*<![CDATA[*/
let Data_character = document.querySelector("#character");
let Target_character = document.querySelector("#character-target");
Data_character && (Data_character ? Target_character.appendChild(Data_character) : "");
/*]]>*/</script>
Terbaik.
Izin pakai ya, buat update skripku.
Dapatkah seseorang membagikan kode di mana Anda tidak perlu menambahkan label Proyek untuk menampilkan Seri dan Bab di beranda?
Tidak bisa, label Project sangat diperlukan.
Mohon bantuannya bang.
Pengen ubah bagian infinity pager / load more di template colorify punyanya templateify
link demo tema : https://colorifytest.blogspot.com/
menjadi pager number
link tutorial :
https://www.bungfrangki.com/2017/03/page-navigation-with-number.html
Tapi pas bagian tutorial temukan kode itu gak ada.
Mohon bantuannya
Temukan kode
Kode ini bang <b:include name='nextprev'/>
Kalau tidak ada cari ini: <b:include cond='data:view.isMultipleItems' name='postPagination'/> atau: name='postPagination'
Biasanya untuk tema custom, namanya sudah berubah, km cari sendiri pakai inspect element.
Bisa ku cari nama tagnya, asalkan ada source codenya tema itu.
Upload ke ke google drive. Kirim ke link downloadnya ke emailku wernayasa@gmail.com .
Aku kirim via email min
Cek email.
I'm not a Google search expert.
Delete the post.
Using robots meta tags to avoid the duplicate in Blogger? Example <b:if cond='!data:view.isHomepage and !data:view.isSingleItem'>
<meta content='noindex,follow' name='robots'/>
</b:if>
No, leave meta tags alone.
What that code does is block your post, page, label search, archive indexed by search engine.
Duplicate content is not a problem, they will fade away eventually.
Do you have two blogs or what?
Belum bisa.
Ada screenshotnya?
Aku masih belum paham.
Hapus label Project di chapter lama.
Kang Nolep: - Aktif
- Spesialis template Anime/Manga
- Tidak ada tema baru Dayat: - Aktif di backend
- menyediakan skrip tema manga/stream
- tidak ada tema baruIgniel: -Masih aktif
- Baru update tema
- Tidak ada tema baru Maki M. Masih aktif update MedianUi
- Tidak ada tema baru Rio Ilham Hadi(Blanter): - Aktif menyediakan jasa pembuatan website
- Tidak ada tema baru Sugeng: Aktif jual tema
- Tidak ada tema baru
min. gimana supaya website nya responsive di semua device, ini cuman responsive di desktop/pc/tablet doang. kalo di smartphone ngga
Km bikin tema sendiri atau pakai tema orang?
Pakai @media untuk membuat template responsive.
Dokumentasinya bisa km cari di google.
bisa bermain di @media untuk Dokumentasinya https://www.w3schools.com/cssref/css3_pr_mediaquery.php
Theme62.com paling keren sih ada sejenis plugin gitu jadi edit2 tema nya mudah bahkan untuk pemula
Oh, mantap, memang premium.
Kalau UI dashboard bisa aku kerjakan, tapi untuk backend aku perlu bantuan dev.
Kayaknya pakai JS sudah cukup, intinya bikin button yg bisa insert code.
Aku bookmark situsnya.
Ada dev blogger lain selain itu?
Setahun lalu ada ide bikin template modular.
User tinggal memilih komponen yang sudah jadi seperti header, footer, post info dll sesuai selera.
Tugasku hanya menggabungkan komponen itu jadi satu tema.
Misalkan ada komponen yg tidak suka, tinggal pesan komponen baru.
Tidak perlu pesan satu tema.
Baru ide, entah kapan baru tercapai.
This comment has been removed by the author.
Download/view di github.
[NineStream]
[ZMv5]
min, udah tau kah cara pake fitur lazyload sama WebP image serving bawaan blogger? kalo boleh share tutor nya dong :)
ini yang saya tau. jika ada yang lain bisa ditambahkan
Untuk lazyload
+ harus menambahkan width dan height pada gambar agar berfungsi.
+ masih belum bisa di luar post (data:post.featuredImage atau sejenisnya).
Untuk WebP image
+ hanya berlaku dalam artikel.
+ tidak support resize Image
+ hanya support untuk gambar dari server blogger saja.
ada contoh penerapan code nya? yang lazyload sama webp image? mau kucoba hehe :)
Aku pernah nyoba, tapi gk berfungsi karena penerapan yang salah: <img src="img_url.webp" loading="lazy"/> Ini yang benar: <img src="img_url.webp" loading="lazy" width="300" height="300"/> Kalau di blogger tambahkan .thumbHeight atau .thumbWidth Contoh avatar komentar custom: <img class='user_avatar' expr:alt='data:cb.level.author' expr:height='data:cb.level.authorPhoto.thumbHeight' expr:src='resizeImage(data:cb.level.authorAvatarSrc, 140, "1:1")' expr:title='data:cb.level.author' expr:width='data:cb.level.authorPhoto.thumbWidth' loading='lazy'/> Sumber: Kode Data Blogger
Cek notifikasi github, aku invite km ke private repo.
Hi, is there any progress?
Hi, thank you for reminding me.
I just started the project 4 hour ago.
I hope this project finishes by the end of this month.
[Demo]
Thank you for your patience.
Yang dimaksut dari @Kang Nolep mungkin pengaturan baru yang diblogger.
hasil nantinya akan seperti ini tidak perlu kode kusus cuma menambahkan width dan height pada gambar dan tidak perlu menambahkan loading="lazy" nanti secara otomatis akan ditambahkan.
Thanks for the information. I will be waiting
ternyata bisa
bang saya mau tanya arti dari code ini apa itu saya pasang web shortlink di blogger
<include expiration='7d' path='*.css'/>
<include expiration='7d' path='*.js'/>
<include expiration='3d' path='*.gif'/>
<include expiration='3d' path='*.jpeg'/>
<include expiration='3d' path='*.jpg'/>
<include expiration='3d' path='*.png'/>
Itu namanya expiration header untuk menyimpan cache aset tema.
Fungsinya untuk mempercepat loading. 7d = kadaluarsa dalam 7 hari
3d = kadaluarsa dalam 3 hari Menurut pakar blogger, pengaturan caching dilakukan di sisi server, artinya tidak berguna unuk blogger.
Silahkan dipasang, tidak akan ada bahaya apapun.
Baru2 ini aku berexperiment dengan turbolink untuk mempercepat loading, kalau mau coba silahkan paste di atas </head>: <script src='https://cdn.jsdelivr.net/npm/turbolinks@5.2.0/dist/turbolinks.min.js'/>
Hmm, gk ada.
Coba tanya sama ChatGPT.
Aku yg gk paham programing bisa bikin skrip sederhana.
Kadan sukses kadang gagal juga.
Is it possible to prevent users from taking screenshots or videos on your website? I've seen this on the app when I took screenshots or videos the result is black.
I mean *screen recording.
You can't prevent people taking screenshot on website.
There are many way to get screenshot from an OS or browser.
Maaf ya, sekarang belum bisa, masih sibuk.
Min, ada source auto slider yang simple gak yah? aku nyoba balikin auto slider ZMv5 terdahulu malah gak work, auto slider di ZMv5 baru tombol kiri kanannya kurang rapi menurutku.
Iya, nanti ku update.
Yg slider sekarang banyak masalah.
Hello, I just want to ask something. Has anyone here experienced similar to this? I'm using Ko-fi to sell digital goods, not physical goods. What if someone sends you money on PayPal and says that the item needs to be shipped to their address? Also, this user is unverified on PayPal. Is this a scam, right? Is this person trying to get my information through PayPal and hack it?
It sounds like a potential scam.
As long as you provide the file on Ko-Fi page,
you have no obligation to ship the product.
Bro I have a question my site I'm using v5 but I have a problem in search console comes out that I have indexed entries but when I search with site: nothing appears do you know why?
Did you upload your sitemap?
Google may and may not index your blog because low traffic.
If your blog is new. Wait for 2 weeks or try searching on google like this site:your_blog_url
this is my site to see it : https://www.mangawhisper.online/
Change slider label to Manhwa
Send me screenshot your slider label
I tried putting the manhwa in place of the label, and this does not change, but it almost worked because I noticed that it displays the latest posts on the site, and I changed the date of one of the manhwa so that it became the last thing that was published, and in fact the manhwa appeared, but it was also followed by the chapters that appeared (you can see that on the site if you can), and also I don't know how to send pictures
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtqY-mPnGEUvBeXrNFh45kDuKXX1coYblpSdTphr19zBD8k-jVSzLAfGP-zjxVAAlNwRfctmasPWVEDX76twoMkXCAQPKpb0qDg45V1MzrtPACgRw1hlB89MXrpQFL7YTFKR3xScrV73_l4-u9CL-QttW6PE9DL-yMNDD7fTF4t-b7Y-d3uIEmpoHu0tyc/s1600/Screenshot%202024-03-24%20035304.png
Wrong place, change Label bellow not upper.
[Screenshot]
You also don't have enough post, make sure you set Max to 1.
I can't believe it, I swear I tried it before and it didn't work. I think you have the blessing in your hand. I have a question. I am thinking of showing only the manhwas that I want, so I thought of giving them a new label that I will invent. If I put it there in a slide, will it work or not? and Thank you for giving me your time. Thank you very much.
You are welcome.
(⌣_⌣”)
Can someone explain what "tachiyomi/mihon" do? When I search for my website on Google, I find my link in their GitHub repository.
just show ur pic on their app
oh, what do u mean by pic? Can they read my translations there? I tried to download their app to see how it works, but it looks like it's not compatible with iOS.
Yes, tachiomi is an android app to read manga from various sources.
They read your translation through extension without visiting your site.
You can block them.
Go to settings > Site Feed > Allow blog feed > Until Jump Break > Save
[Screenshot]
Maybe you should find another developer to work on this project. I'm very sorry for taking a lot of your time.
I will keep working on it until it's finished, but I don't have a timeline for when it's going to be completed.
This project has been neglected for a few months.
One of the problems I encountered was when trying to create a page without reloading.
It loaded faster, but the JavaScript was not working.
I finally managed to get around this issue with the help of a friend.
Thank you, I'm looking for a way to block them.
As long as you continue with the project, I can wait. I don't think I can find another developer anyway. I have used many themes you have made, so I trust you for this project and I am waiting.
Bang tau kenapa pas update commit digithub kode yang uda jadi cdn gak langsung berubah, apa perlu dihapus dulu atau gimana biar terupdate cdnnya.
Perlu beberapa menit, jam, bahkan berhari-hari baru berubah.
Banyak jawaban orang, tapi belum ada yg benar2 pasti.
Makanya aku nyerah pakai CSS cdn.
Padahal kalau berhasil, kita bisa deploy update lebih mudah.
Berikut sumber yg bisa km baca dan coba diterapkan solusinya: https://github.com/orgs/community/discussions/19713
https://stackoverflow.com/questions/24851824/how-long-does-it-take-for-github-page-to-show-changes-after-changing-index-html
https://github.com/jsdelivr/jsdelivr/issues/18271 Kalau berhasil, share triknya, aku mau belajar.
setelah update commit, coba refresh page repo nya, kalau udah langsung masuk ke code yang udah di update tadi (tunggu beberapa detik lalu refresh page yang ada codenya tadi, maka akan otomatis terupdate kak).
contoh:
akunkamu/namarepo/codekamu
nah setelah update codekamu, langsung ke akunkamu/namarepo dan refresh, lalu buka akunkamu/namarepo/codekamu dan tunggu baru beberapa detik lalu refesh kak.
jangan lupa juga buat periksa log commitnya kak, biar tau code terbaru udah di push atau masih proses.
Menampilkan semua commit:
$ git log
Menampilkan perubahan file tertentu:
$ git log -p /path/to/file_or_directory
Menampilkan Statistik Singkat untuk Setiap Commit:
$ git log --stat
paling akhir, kalau masih ga berubah dalam beberapa jam, bersihkan cache peramban aja, semoga bisa dan membantu hehe ^^
Can someone tell me what is this, and how to solve? [Screenshot]
I can't fix this problem.
This is not impacting your site SEO.
Is this Safari dev tools?
aku lupa ngasih tau, maaf, maksudku menu navigasi bottom pada layar tablet/hp, jadi hanya muncul di layar tablet/hp aja, tolong bantu check min.
Karena gk bisa pakai 2 tombol, salah satu harus di nonaktifkan.
Atau coba hidden di nsfw tombol di atas kalau di tampilan hp.
This comment has been removed by the author.
okayyy thank u minn work~
Semua cara itu gak berhasil, cuman bisa nunggu selama 10 hari baru bisa berubah.
Jadi aku pakai metode kasar seperti merubah nama Path
Contohnya
ListAnime v 1-0
Jadi ListAnime v 1-1
Lalu mengambil linknya dan mengconvertnya jadi cdn terus ubah link cdn lama dibloggernya cukup ubah angka 0 jadi 1.
Ini bakal bikin repot kalau user gak ngerti cara edit linknya untuk dapat update versi terbaru.
Tapi untukku ini cukup enak sih buat update fitur css tema utama.
Bisa bantu tanyakan hal ini gak bang kekenalan yang tau solusi masalah ini.
[Link video ]
Jadi itu prefect link pakai ajax, masalahnya js kadang jadi gak jalan pas pindah chapter terlalu cepat.
Kamu pakai apa itu bisa ajax link?
Kamu pakai turbo hotwire?
Coba convert scriptnya ke Babel JS
Nah ini bagus.
Kebanyakan yg pakai blogger sudah ramai yg ngerti html.
Engk masalah menurutku.
Bagi yg gk ngerti, buatkan video tutorialnya.