Googleのサイト内検索をjQueryでかっこ良くする方法

PHPやjQueryのチュートリアルを毎日紹介しているTutorialzineというサイトから、Googleのサイト内検索をjQueryでかっこ良くする方法が掲載されていたのでご紹介します。

Google AJAX Search APIを使用して、独自のデザインで検索結果を表示していますよ。
サンプルもあるので、検索対象のURLを自分のサイトにするだけで簡単に設置できるようになっています。

検索フォーム

↑検索フォームはHTML5で作られています。
右下のアイコンで画像検索や動画検索が切り替えられます。かわいいですね。

↑検索結果の様子

デモではGoogleのロゴが表示されていませんが、実際に使用する際にはロゴの掲載は必要かと思います。

詳細&使ってみたい方は下のリンクからどうぞ。