Ads

Fix Fitur Pencarian Blogger Dengan label Tertentu

Fix Fitur Pencarian Blogger Dengan label Tertentu
Dagruel

Yo, Kali ini saya tidak membagikan sebuah tutorial untuk membuat hal yang baru hanya tutorial bug fixing yang terdapat di blogger.

Mungkin di sini ada yang punya Blog Anime atau Film terutama post yang terpisah dengan episode yang banyak tentu nya.

Dan saat melakukan pencarian query untuk mencari anime atau film tersebut maka hasilnya pun campur aduk post episode dan utama.

Nah pada Fixing kali ini saya akan membagikan agar saat pencarian query tersebut hanya menampilkan postingan utama saja. Langsung saja perikut cara nya.

Fixing Search Blogger dengan label tertentu.

Pertama kalian cari nama class dari form input yang ada di template kalian misalkan template seleSeven begini.

<form action="/search" class="sS_search">
di sini saya ambil nama class nya yaitu "sS_search"

Sekarang tinggal pasang script berikut di atas tag </body>.

<script type="text/javascript">
  /*<![CDATA[*/
  const formFix = document.querySelector('form.namaClass');
  formFix.addEventListener('submit', function(e) {
    e.preventDefault();
    const value = this.querySelector('input[type="text"]').value;
    const label = "label:Anime";
    window.location.href = `/search?q=${label}+${value}`;
  });
  /*]]>*/
</script>
Begini penjelasan nya.
namaClass di ganti dengan nama class yang di ambil dari form input nya.

label:Anime ini filter label nya, silahkan ganti "Anime" dengan label post yang akan kalian tampilkan.

Misal kan "Anime" jadi blogger hanya akan mencari postingan yang ada di label "Anime tersebut."

Kalian juga bisa menambahkan label lain Misal mencari post dengan Label Anime dan Series saja penulisan nya kaya gini "label:Anime|label:Series" harus di pisah kan dengan tanda "|" apa ini nama nya saya gak tau yang saya tau garis panjang.

Untuk lihat perbedaan bisa cek di url berikut.

Tanpa Filter => https://seleseven-v2.blogspot.com/search?q=Jaku
Dengan Filter => https://seleseven-v2.blogspot.com/search?q=label:Anime+Jaku

Mungkin itu saja bug Fixing kali sampai jumpa kembali.

Comments

Blogger Disqus
  • Centang kotak Beri tahu saya untuk mendapatkan notifikasi via email jika ada yang membalas komentar.
  • Jika ingin menulis kode maka harus di-parse terlebih dulu (terutama Javascript dan HTML)
  • Gunakan <i> untuk menuliskan kode. Contoh:
    <i>#comments</i>
  • Gunakan <em> untuk menuliskan kode yang lebih panjang atau URL. Contoh:
    <em>#comments {margin:0; padding:10px 15px}</em>