Artikel ini merupakan hasil akumulasi dari temuan-temuan Saya perihal bagaimana kita sanggup memakai JSON Blogger untuk membuat fitur penelusuran dinamis hanya dengan memanfaatkan parameter q pada tautan umpan. Fitur ini sanggup diterapkan pada semua tema dan tidak bergantung pada perpustakaan JavaScript apapun.
Integrasi Widget ke Blogger
Untuk mengaktifkan fitur penelusuran AJAX pada blog, Anda tidak perlu menambahkan markup HTML apapun ke dalam tema, alasannya widget ini akan memakai kotak penelusuran yang ada sebagai kotak penelusuran AJAX. Yang perlu Anda lakukan hanya menambahkan sebuah elemen halaman HTML/JavaScript dengan konten berupa arahan ini:
<script src="//dte-project.github.io/blogger/search.min.js?live=true"></script>Klik Simpan Setelan. Fitur penelusuran AJAX kini sudah siap untuk digunakan!
Jika kotak penelusuran AJAX tidak bekerja, mungkin itu alasannya Anda menambahkan widget ini sebelum widget kotak penelusuran. Untuk membuatnya sanggup bekerja, Anda perlu meletakkan widget ini sesudah widget kotak penelusuran. Selengkapnya sanggup dibaca di sini.
Pengaturan
| Opsi | Keterangan |
|---|---|
live | Jika bernilai false, maka pengguna perlu mengeklik tombol Telusuri pada formulir atau menekan tombol Enter pada papan ketik untuk memulai penelusuran. |
url | Ganti nilainya dengan alamat blog Anda atau alamat blog orang lain yang ingin Anda tampilkan kontennya. |
id | Alternatif untuk memilih sumber data selain dengan url. Ganti nilainya dengan ID blog Anda atau ID blog orang lain yang ingin Anda tampilkan kontennya. ID harus dituliskan sebagai string. Menambahkan parameter id akan mengabaikan nilai parameter url. Contoh: id="4890949828965961610" |
direction | Direksi teks pada blog Anda. Nilainya sanggup berupa "ltr" atau "rtl". |
source | Selektor CSS untuk memilih formulir kotak penelusuran yang ingin dijadikan sebagai kotak penelusuran AJAX. Menghilangkan parameter ini akan membuat widget secara otomatis menyeleksi elemen formulir pertama yang ditemukan yang mempunyai nilai atribut action berupa /search pada bab akhir. Anda sanggup memilih sasaran yang lebih spesifik, contohnya source=%23BlogSearch1%20form untuk menyeleksi elemen formulir pada widget kotak penelusuran yang mempunyai ID #BlogSearch1. |
container | Selektor CSS untuk memilih di mana hasil penelusuran akan ditampilkan. Menghilangkan parameter ini akan membuat widget secara otomatis menampilkan hasil penelusuran sempurna di bawah formulir penelusuran. [demo] |
excerpt | Ganti nilainya menjadi true untuk menampilkan ringkasan artikel. Atau gunakan angka untuk memilih maksimal aksara yang akan ditampilkan dalam ringkasan artikel sebelum diakhiri oleh aksara …. |
image | Ganti nilainya menjadi true untuk menampilkan gambar artikel. Atau gunakan angka untuk memilih ukuran lebar dan tinggi gambar. Anda juga sanggup memakai parameter standar gambar Google untuk memanipulasi ukuran, menyerupai "s100", "s100-c", dan "w100-h50". |
target | Jika bernilai "_blank", semua tautan akan terbuka di tab/jendela gres ketika diklik. |
chunk | Digunakan untuk memilih banyaknya hasil temuan yang ditampilkan dalam satu kali penelusuran. |
text | Label-label yang dibutuhkan pada tampilan penelusuran. |
Parameter-parameter di atas sanggup Anda tambahkan sebagai parameter URL sesudah nama berkas search.min.js:
<script src="search.min.js?live=true&chunk=100&text[loading]=Memuat%E2%80%A6"></script>