Chitika

Easyad

Laman

Diberdayakan oleh Blogger.

Recent Post

Download

Popular Posts

Recent Comments

Google Search Engine

Sabtu, 29 Januari 2011
Share |
Google Search engine adalah mesin pencari terpopuler saat ini karena itu banyak para pengguna internet memanfaatkannya dalam mencari informasi di dunia maya.
Diantara kita para blogger aka webmaster juga mungkin yang senang menambah pernak pernik berbagai macam widget di web blog kita. salah satunya adalah 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>
Hasilnya akan tampak seperti dibawah ini. Dari kode diatas maka akan tampil hasil pencarian www.google.co.id

jika anda menginginkan www.google.com anda tinggal menggantinya sendiri sesuai keinginan anda.


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>
Contohnya dapat anda lihat dibawah ini. Pencarian Lokal dan video sengaja tidak saya aktifkan.



Loading...



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


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

Semoga bermanfaat

0 komentar:

web translate

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified
by : BTF

Flag Counter

free counters

Blog Archive

About Me

Berita Online
Lihat profil lengkapku

Pengikut