SELAMAT DATANG DI BLOG ILHO-HITTER

Kamis, 04 November 2010

Widget Google Search Engine Pada Blog




Google Search engine adalah mesin pencari terpopuler saat ini karena itu banyak para pengguna internet memanfaatkannya dalam mencari informasi di dunia maya.

Untuk para blogger yang suka menambah berbagai macam widget di web blognya. Anda dapat menambahkan widget khusus seperti google search yang berfungsi sebagai mesin pencari sehingga para pengujung situs tidak lagi membuka halaman baru ke google.

Di bawah ini adalah script untuk menambahkan mesin pencari google di blog kita.
Ada dua cara yaitu:

1. Dengan memasang script html berikut
<center>
<FORM method=GET action="http://www.google.co.id/search" target="_blank">
<TABLE bgcolor="#FFFFFF"><tr><td>
<INPUT TYPE=text name=q size=31 maxlength=256 value="site:www.dakdem.com">
<INPUT TYPE=hidden name=hl value="id">
<INPUT type=submit name=btnG VALUE="Google Search">
</td></tr></TABLE>
</FORM>
</center>

Tapi, Jika anda menggunakan blogspot maka ikuti langkah-langkah berikut
1. Login di blogger dengan ID anda
2. Klik menu Layout
3. Klik Page Elements
4. Klik Add a Page Element
5. Klik ADD TO BLOG pada menu HTML/JavaScript
6. Lalu copy kan kode diatas di kotak HTML
Jika anda menggunakan CMS Joomla maka anda membuat modul baru yaitu custom HTML

2. search engine Google menggunakan AJAX Search API dari Google.
Untuk menggunakan API tersebut
a. langkah pertama yang harus anda lakukan adalah log ini dengan akun google anda
b. kemudian klik link ihttp://code.google.com/apis/ajaxsearch/signup.html
c. kemudian ketikan URL domain anda di kolom yang bertuliskan " My website URL" yang terletak disamping kanan pada kolom.
setelah anda mencentang tanda persetujuan kemudian tekan tombol yang bertuliskan "Generate API Key "
setelah itu anda akan mendapatkan kode berupa script dan kunci autentifikasi website anda.
d. script tersebut nantinya akan di copykan diantara bagian head dan </head> di HTML website anda

contoh:
<html>
<head>
// Masukan script dan key autentifikasi untuk website anda disini
<script src="http://www.google.com/jsapi?key=***
type="text/javascript">
</script>
// Tanda bintang diatas di-isi dengan key yang diberikan oleh Google
<---masukan scriptnya disini--->
<script language="Javascript" type="text/javascript">
//<![CDATA[

google.load("search", "1");

function OnLoad() {

var searchControl = new google.search.SearchControl();

// Add in a full set of searchers
var localSearch = new google.search.LocalSearch();
// Anda boleh memilih layanan pencarian yang disediakan
// Ini untuk pencarian lokal
searchControl.addSearcher(localSearch);
// Ini untuk pencarian website
searchControl.addSearcher(new google.search.WebSearch());
// pencarian video
searchControl.addSearcher(new google.search.VideoSearch());
// untuk penelusuran blog
searchControl.addSearcher(new google.search.BlogSearch());

// Tentukan center point pencarian lokal yang anda inginkan sesuai keinginan anda
localSearch.setCenterPoint("New York, NY");

// Tell the searcher to draw itself and tell it where to attach
searchControl.draw(document.getElementBy…

// Execute an inital search = Tentukan kata kunci yang akan tampil pertama kali saat loading misalnya www.dakdem.com
searchControl.execute("site:www.dakdem.com");
}
google.setOnLoadCallback(OnLoad);

//]]>
</script>
</head>
<body>
<---Anda dapat meletakkan pada posisi yang anda inginkan--->
<div id="searchcontrol">Loading...</div>
<---kata "Loading..." dapat anda ganti dengan kata -kata anda sendiri--->
</body>
</html>


NB: pada Joomla kode antara <head> dan </head> diatas diletakkan di index.php template yang anda gunakan.

Dan kode <div id="searchcontrol">Loading...</div> diletakkan di modul custom html


….Semoga bermanfaat....

2 komentar:

Anonim mengatakan...

Google Blog Search

BhillieHanz mengatakan...

Nie Blog Yg Ciptanin nma'a cpa

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More