Home » » Cara Menambahkan Kotak Pencarian Kustom di Menu Bar

Cara Menambahkan Kotak Pencarian Kustom di Menu Bar

Ditulis oleh Dicky Fajriansyah pada Rabu, 14 Agustus 2013 | 01.43

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...... :)
Dilarang menduplikasi dan menyerbarluaskan artikel tanpa menyertakan sumbernya. Jika melanggar, berarti telah melanggar UUD 1945 No. 19 Tahun 2002 Tentang Hak Cipta dan akan dijatuhi denda.
thumbnail Title: Cara Menambahkan Kotak Pencarian Kustom di Menu Bar
Posted by:Dicky Fajriansyah
Published :2013-08-14T01:43:00-07:00
Rating: 5
Reviewer: 100 Reviews
Cara Menambahkan Kotak Pencarian Kustom di Menu Bar

11 komentar:

  1. wah mantep nih kotak search nya, kalo make kotak search dari google ini juga pengaruh terhadap SEO blog gak mas?

    BalasHapus
    Balasan
    1. gak berpengaruh gan,, sama saja.... :D

      Hapus
  2. master bagi ilmunya donk..hehehe
    mantepp bner ini blognya..

    BalasHapus
  3. Thanks infonya

    http://sidetek.blogspot.com/

    BalasHapus
  4. Mantap Nih Tricknya mas...
    Aku Sudah ada mas...
    Thanks udah share yah..

    BalasHapus
  5. bagus gan , sangat bermanfaat


    komen back ya : hardshoop.blogspot.com

    BalasHapus