#1

Filter search template anime blogger - Yes, kita berhasil membuat filter search untuk blogger, berkat bantuan teman kita dari ProjectXCode.

Tentu saja codenya harus kita modifikasi habis-habisan, tapi hasilnya memuaskan.

Filter ini menggunakan widget Search, kalau di tema lain menggunakan widget Label. Asalan aku menggunakan widget search adalah untuk memperkecil codenya, cukup kecil dan mudah di baca/di modifikasi.

Cara Pemasangan

Bukan script ini atau download ke lokal komputer.

  1. Buat label dummy search: Tata Letak > tambahkan widet Search > Simpan
  2. Paste css ini di atas ]]></b:skin>
  3. Paste custom widget Search ini: Pastikan jangan menggunakan id yg sama, di video aku ganti dengan BlogSearch2

Kalau kurang jelas tonton tutornya berikut ini. Untuk warna kalian modifikasi sendiri.

Source Code : Filter Search (Logic Only)

#ads
#5

kalau mau buat operasional pakai yg versi 2 aja bg lebih simple, baru ku update. versi yang itu cuma buat pemahaman gimana logika cara kerjanya.

https://www.forum.projexcode.com/2022/01/filter-search-logic-only.html

#6

min di web saya ada masalah min saya buka web saya https://koitonime.blogspot.com/ setelah itu web saya jadi tertuju masuk ke link ini https://koitonime.blogspot.com/search/label/?&max-results=15 saya memakai nya pakai zeistmanga apa ada solusi nya min biar tidak tertuju sendiri kelink ini https://koitonime.blogspot.com/search/label/?&max-results=15 gimana min

#17

Me again. Thank you very much, the code you provided worked very well for me. I had one more question. How do I make a 'new' tag next to the published episodes? So there may be an icon or a picture showing that the section is new. Do you have a suggestion for this?

#19

Halo bang admin thanks banget atas tutorialnya berhasil diterapkan di blog saya, namun karena navigasi saya template saya menggunakan tombol load more (bukan next-prev) sehingga muncul bug halaman selanjutnya tidak bisa di load. adakah cara untuk fixnya? *blog saya= brxx1 blogspot com

#25

Min kok tetap sama
https://blogger.googleusercontent.com/img/a/AVvXsEi2INqpLZgHdXKbjDrg-Q_FgNnQ3TGa5sIR15UZzYvR3jeUO976cm8kG9BPFd6QDSYeoeMhhQz2jYZOKeZKgZhq48y1O09QOqRjgJ8KYcCa2QGPDYw4W4VTZVQJM9nNjFMjxLT9m6QxpfORgJZqQdaU-FX1AMBZ8UAloeHBHxRX5rw__6WmVOlrsTMB

#33

How to fix this?

https://blogger.googleusercontent.com/img/a/AVvXsEhZxjD8FWbS-4hG0W5vQQYnbg7xDQSfqf-m20XdFyYNA11sLzWnp45V6gHeZ3V9G3zY4RdDOJU9MzEx8WzCY8nX2Cj-04vIuASILrpo1wKsREETEXZDstfeQoWSXZyc9yPwBvbG1kFJ3NvulnX_6DSaYn2NmpIyjhfu7uAexd3aRXJOURylWrNpm9fK

#50

Halo min

Cara fix button filternya (yang dibawah) biar fill semua spacenya gimana ya min? dibuat ditengah juga boleh

sekarang buttonnya kayak begini
https://i.ibb.co/bJG8VtR/image.png

#51

Hmm, susah kalau gk liat codenya langsung.
Coba css ini:.filters .opt{display:flex;flex-wrap:wrap;padding:15px;gap:8px;}
.filter{flex:33%;}
Atau km coba inspec element, cari kenapa lebar htmlnya gk mau 100%. Kalau ketemu tambahkan width: 100%

#53

Seharusnya bisa dengan code di atas, gk ada css lain, mungkin wrappernya gk bisa 100% .
Coba hapus ini dulu:.gtc-fm100{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));}Ganti dengan:.filters .opt{display:flex;flex-wrap:wrap;padding:15px;gap:8px;}
.filter{flex:33%;}

Forum rules
You can use English or Indonesian


image quote pre code