Menambah Kotak Pencarian Pada Blog

Title Search widget adalah widget yang menampilkan beberapa judul post/artikel kamu yang cocok dengan keywords (kata kunci) yang kamu ketikkan. Dengan widget ini, kamu ga perlu lagi pindah ke halaman lain untuk melihat hasil pencarian kamu, jadi langsung ditampilkan di halaman itu.
Selain menampilkan judul beserta link dari artikel kamu, widget ini juga menampilkan ringkasan dari artikel kamu.

Widget ini hanya akan memuat feed dari blog tersebut saat kotak pencariannya diklik, jadi tidak akan begitu memberatkan waktu loading awal blog.

Caranya:

1. Masuk ke account Blogger kamu, klik "Layout" - "Page Elements",
2. Klik "Add a Gadget" - "HTML/JavaScript",
3. Tulis judul yang kamu inginkan dan tambahkan kode-kode di bawah ini:
   
   Kode untuk kotak pencarian:
   

   <form action='/search' method='get'>
   <input name='q' onfocus='ts_loadFeed()' 

   onkeyup='ts_titleSearch(this.value)'/>
   <input type='submit' value='Search'/>
   </form>

   
   Kode untuk hasil pencarian:
   

   <div id='ts_content_list'></div>
   <script type='text/javascript'>
   var ts_summary_length = 200;
   var ts_blog_url = "http://CHAMPENRIO.blogspot.com";
   
   // ganti variabel2 di bawah jika kamu ingin mengganti bahasa
   var ts_LOADING       = "Memuat...";
   var ts_TYPE_KEYWORDS = "Silakan ketik kata kuncinya";
   var ts_NO_RESULTS    = "Tidak ada judul yang cocok";
   var ts_SEE_SUMMARY   = "Lihat Rangkuman";
   var ts_HIDE_SUMMARY  = "Sembunyikan Rangkuman";
   

4. Kamu boleh mengganti kode-kode yang ditebalkan:
   
   • ts_summary_length adalah jumlah karakter (kurang lebih) ringkasan dalam hasil pencarian,
   • ts_blog_url adalah URL blog kamu (khusus yang memakai Blogger saja),
   • dan variabel lainnya yang berhuruf kapital adalah untuk memudahkan dalam mengganti bahasa.
5. Kalau kamu sudah mempunyai kotak pencarian dan tidak ingin menggantinya, cukup cari saja kode name='q' dan tambahkan di sampingnya kode di bawah ini:
   

   onfocus='ts_loadFeed()' onkeyup='ts_titleSearch(this.value)'

   Dan jangan lupa tambahkan juga kode untuk hasil pencarian di tempat yang kamu inginkan (kamu bisa menambahkan gadget HTML/JavaScript untuk menempatkan kode hasil pencarian).