Mesin Pencari Gambar

Katanya satu gambar bisa menunjukkan seribu bahasa, bagaimana kalo banyak gambar dalam halaman pencarian blog WordPress kamu? Wah bisa menunjukkan berapa bahasa yah?! :mrgreen:
Setelah sebelumnya ada tutorial membuat search engine ebook dalam format PDF dengan menggunakan API search engine Bing, sekarang kita buat mesin pencari dalam format gambar to’ di halaman pencarian WordPress. Skrip kali ini agak berbeda dengan skrip auto-generated content, tapi fungsinya sama saja, kode ini meng-generate image dengan memanfaatkan API suatu search engine. Kita pake API Bing saja yah :)

Cara membuat search engine gambar di halaman search result wordpress, berikut langkahnya: (Saya pake WordPress Theme Default sebagai contoh penempatan kode)
1. Masuk search.php theme WordPress kamu
2. Kopas kode berikut dan tempatkan sebelum kode <?php endwhile; ?> dan sesudah kode <?php else : ?>:

<?php function CleanFileNameBan($result){
$bannedkey = array("key","key","key"); //masukkan kata kunci satu persatu untuk menghindari kata-kata yang tidak diinginkan.
$result = str_replace($bannedkey, '',$result);
$result = trim($result);
return $result;
}
function hilangkan_spesial_karakter($result) { //fungsi hilangkan semua spesial karakter
	$result = strip_tags($result);
	$result = preg_replace('/&.+?;/', '', $result); 
	$result = preg_replace('/\s+/', ' ', $result);
        $result = preg_replace('|%([a-fA-F0-9][a-fA-F0-9])|', ' ', $result);
	$result = preg_replace('|-+|', ' ', $result);
        $result = preg_replace('/&#?[a-z0-9]+;/i','',$result);
        $result = preg_replace('/[^%A-Za-z0-9 _-]/', ' ', $result);
	$result = trim($result, ' ');
	return $result;
}
?>
<?php 
if (isset($s)) { 
$request = 
'http://api.search.live.net/json.aspx?Appid=KODEAPIBING&sources=image&Image.Count=5&query=' . urlencode($s); $response  = file_get_contents($request); 
$jsonobj  = json_decode($response); 
echo('<div ID="post">');                     
foreach((array)$jsonobj->SearchResponse->Image->Results as $value) 
{
echo('<h2 class="title">'.CleanFileNameBan(hilangkan_spesial_karakter($value->Title)).'</h2>'); 
echo('<div class="entry"><a target="_blank" rel="nofollow" href="' . $value->Url . '">'); 
echo('<img style="border:none" src="' . $value->Thumbnail->Url. '"></a></div>');
echo('<p style="color:#777777">Sumber: ' . $value->Url. '</p>'); 
} 
echo(''); 
} ?>

Kode line 30 $value-/>Thumbnail->Url tidak pake garis miring (/) jadinya gini $value->Thumbnail->Url

3. Ganti kata KODEAPIBING dengan kode API dari BING di line 22 (daftar di http://www.bing.com/developers/createapp.aspx). Gambar dalam bentuk Thumbnail yang jumlahnya (angka 5), bisa ganti dengan jumlah yang diinginkan pada kode line 22 ...Image.Count=5...

Selesai!

Silahkan modifikasi sendiri kode html yang ada untuk menyesuaikan dengan theme WordPress kamu. Selamat mencoba sob! :)

Update 28 April 2010

Pada Line 34 kode sebenarnya seperti ini echo(‘</div>’);
Ada penambahan kode (array) pada line 26 untuk menghilangkan kode error Invalid argument supplied for foreach()

Please Note
Ternyata gambarnya bisa juga di-index oleh search engine :mrgreen:
Jangan lupa pasang atribusi Bing untuk hasil pencariannya.
Penempatan kode tergantung dari theme yang dipakai. Silahkan berkreasi sendiri.
Kasi tau yach kalo ada error. :)

Tag: Mesin Pencari Gambar

Membuat Search Engine Gambar di WordPress