Cara Menambahkan Kotak Pencarian Kustom di Menu Bar

Kali ini Dicky's akan menshare Tips Blog yang berjudul Cara Menambahkan Kotak Pencarian Kustom di Menu Bar | Tutorial ini akan menunjukkan cara untuk menambahkan kotak Penelusuran Google Khusus untuk horisontal bar navigasi, seperti apa yang Sobat lihat di sini di Blogger Sentral. (Google Custom Search memungkinkan Sobat untuk mencari di dalam kumpulan blog atau website pilihan Sobat).

Langkah 1. Membuat mesin pencari kustom Sobat

Untuk pencari kustom untuk bekerja Sobat memerlukan mesin pencari Google kustom untuk pergi dengan kotak pencarian. Ikuti langkah-langkah di bawah ini untuk membuat satu.

Catatan : Tutorial ini tidak berlaku untuk Search Box gadget ditambahkan melalui Desain --> Tata Letak

• Buka Google Custom Search untuk membuat mesin pencari kustom.
• Jika Sobat adalah seorang penerbit Adsense Sobat juga dapat menggunakan Adsense untuk pencarian.
• Konfigurasi mesin pencari dan mendapatkan kode untuk kotak pencarian.
• Carilah mesin pencari ID unik dalam kode. Seharusnya terlihat seperti ini: 006442829066104501157: setkk2xdqoi atau ini: partner-pub-4409159435154980: sle4z0smh1f

          Kami hanya tertarik pada ID ini, sisa kode tidak ada gunanya.

Langkah 2. Buat kotak pencarian

Ini adalah kode untuk kotak pencarian :

<!-- Google custom search box Start -by fajry-bloggers-4rt.blogspot.com -->

<div class='cse' style='color:#000000;float:right;margin:6px 10px 0 0 ;'>

<form action='http://www.google.com/cse' id='cse-search-box'>

<input name='cx' type='hidden' value='partner-pub-4409159435154980:sle4z0smh1f'/>

<input type='text' name='q' size='35' />

<input name='ie' type='hidden' value='ISO-8859-1'/>

<input type="submit" name="sa" value="Search" />

</form>

<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en"></script>

</div>

<!-- Google custom search box End -->

Maret 2011 : Kode diperbarui untuk menyertakan Google Custom Search logo dan tombol pencarian.

Desember 2010: Update Kode.

1. Ganti nilai nilai atribut dalam baris 4 dengan mesin pencari yang unik ID dari Langkah 1.3.
2. Untuk membuat hasil pencarian muncul di jendela baru, cukup tambahkan target = "_blank" sebelum kurung tutup di baris 3.
3. Sobat dapat memodifikasi pencarian teks kotak lebar dengan mengubah nilai atribut size di baris 5.

Langkah 3. Tambahkan kotak pencarian ke menu bar

Langkah-langkah di bawah ini akan menempatkan kotak pencarian di sisi kanan bar.

• Login ke akun Blogger Sobat.
• Pergi ke Dashboard --> Template --> Edit HTML.
• Back up dulu template Sobat.
• Centang Widget Template kotak centang di kanan atas jendela HTML Bentangkan.
• Jika bar navigasi Sobat terbuat dari Halaman gadget, cari kode ini:

<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>

<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>

<div class='widget-content'>

<ul>

Letakkan kode kotak pencarian disini

<b:loop values='data:links' var='link'>

• Masukkan kode kotak pencarian dari Langkah 2 tepat setelah baris <ul>.
• Jika bar navigasi Sobat terbuat dari gadget Linklist, mencari Linklist (bukan PageList) pada baris 1.
• Jika Sobat membuat bar navigasi Sobat menggunakan Membuat navigasi Blogger Sentral atau tab menu di Blogger tutorial, hanya menambahkan kotak pencarian kode tepat setelah <div id="navibar"> dari tab kode navigasi.
• Preview sebelum menyimpan.
• Enjoy!

Sekian yang dapat Dicky's sampaikan, Semoga Tips Blog yang berjudul Cara Menambahkan Kotak Pencarian Kustom di Menu Bar bisa bermanfaat........

dan selamat mencoba...... :)