Cara Pasang Google Pencarian Pada Website dan Blog

Google Search engine tentunya sudah friendly dengan pengguna internet sebagai sarana mesin pencari informasi alamat atau url web dengan mengetikan keyword tertentu untuk mendapatkan informasi yang di inginkan. Okefox kali ini membahas bagaimana memasang mesin pencari Google search engine pada blog kita. Seperti  ini.

Berikut beberapa panduan dan langkah memasang Gooole Search Engine pada blog atau website yang menggunakan CMS WordPress.

1.

<form action="http://www.google.com/cse" id="cse-search-box" target="_blank">
  <div>
    <input type="hidden" name="cx" value="partner-pub-0151289914910336:5mheztq8ksi" />
    <input type="hidden" name="ie" value="ISO-8859-1" />
    <input type="text" name="q" size="31" />
    <input type="submit" name="sa" value="Search" />
  </div>
</form>

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

2. Masukan script tersebut pada widget text pada blog anda, dengan cara copy dan paste pada text widget. Maka Google search engine sudah tampil di Blog anda.

Berikut Tweaking Script Code Google :

1. Bila anda ingin memasang mesin pencari Google tersebut dibawah header, tambahkan code tersebut dengan membuka menu themes editor pada bagian header.php. Tambahkan code script tersebut pada bagian bawah script header.php atau sebelum query navigasi bar.

2. Bila anda ingin menempatkan Google Pencarian di bagian tengah , Anda bisa menambahkan code <center> sebelum script google pencarian dan tambahkan </center> setelah codenya. Seperti di bawah ini :

<center>
<form action=”http://www.google.com/cse” id=”cse-search-box”>
<div>
<input type=”hidden” name=”cx” value=”partner-pub-1525693157755293:wlr2xy-nsta” />
<input type=”hidden” name=”ie” value=”ISO-8859-1″ />
<input type=”text” name=”q” size=”31″ />
<input type=”submit” name=”sa” value=”Cari” />
</div>
</form>
<script type=”text/javascript” src=”http://www.google.com/coop/cse/brand?form=cse-search-
box&amp;lang=in”></script>
</center>

3. Anda juga boleh menambahkan code <br> </br> sebelum atau sesudah script gogole pencarian untuk menambahkan jarak atau spasi tampilan google dengan element web diatas atau dibawahnya. Seperti di bawah ini :

<br>
</br>

<form action=”http://www.google.com/cse” id=”cse-search-box”>
<div>
<input type=”hidden” name=”cx” value=”partner-pub-1525693157755293:wlr2xy-nsta” />
<input type=”hidden” name=”ie” value=”ISO-8859-1″ />
<input type=”text” name=”q” size=”31″ />
<input type=”submit” name=”sa” value=”Cari” />
</div>
</form>
<script type=”text/javascript” src=”http://www.google.com/coop/cse/brand?form=cse-search-
box&amp;lang=in”></script>
<br>
</br>

4. Anda juga bisa merubah panjang kotak google tersebut dengan merubah angka pada :

<input type=”text” name=”q” size=”31” />

Rubah angka “31” tersebut sesuai dengan panjang pendek kotak yang anda inginkan

5. Anda juga bisa merubah tulisan cari pada tampilan google :

<input type=”submit” name=”sa” value=”cari” />

Ganti kata “cari” dengan kata yang anda inginkan misal “Pencarian” “Go” atau kata lainnya.

6. Anda bisa merubah tulisan Pencarian Custom dengan custom search pada tampilan kotak Google Pencari dengan mengganti tulisan in dengan en pada bagian code :

<script type=”text/javascript” src=”http://www.google.com/coop/cse/brand?form=cse-search-

box&amp;lang=in”></script>

Penting :

• Jangan melakukan perubahan code selain hal di atas, agar Google Mesin Pencari tersebut berfungsi.
• Hanya Pasang atau Copy script dari link download script, jangan copy script contoh diatas yang tertulis di artikel karena script tersebut tidak akan berfungsi karena encoding karakter yang berbeda.