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

0

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

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

検索フォーム

20110622 01

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

20110622 02

↑検索結果の様子

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

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

Google +1 ボタンをWordPressに簡単に設置する方法

0

Google +1ボタンが公開されましたね。

早速当サイトでも設置してみましたので設置手順をご紹介します!

設置方法

ボタンを設置したい場所に以下のタグを貼り付けるだけでした。簡単ですね!
当サイトではsingle.phpの中に埋め込んでます。

埋め込みタグ

<script type="text/javascript" 
src="http://apis.google.com/js/plusone.js"></script>
<g:plusone></g:plusone>

これで設置完了です。

以下のページを参考にしています。
Google +1 をウェブサイトに公開

カスタマイズについて

20110603 01

↑色んな出し方が用意されています。

表示方法のカスタマイズについてはGoogleのドキュメントをどうぞ。
http://code.google.com/intl/ja/apis/+1button/

Googleにキャッシュされているページを削除する方法

0

Googleの検索結果のキャッシュを削除申請する必要があったので、調べた情報をシェアします。

通常はクロールを待っていればいずれ消えるのですが、緊急性の高い場合には削除申請をする事ですぐに処理されるようです。

1.削除リクエストページへ

20110511 03

削除リクエストページから新しい削除リクエストを作成します。

※削除にはGoogleアカウントが必要になります。
また、事前にウェブマスターツールにてサイト管理者として登録しておいた方が良いようです。

2.削除したいサイトURLを入力

20110511 04

↑削除申請したいURLを入力します。
大文字と小文字は区別されるようですので、正確に入力します。

3.リクエストを送信

20110511 05

↑削除したい理由を選択して、リクエスト送信します。
完全に削除するためには404/410 リクエストを返すか、robots.txt や noindex メタタグでページをブロックする必要があるそうです。

20110511 06

↑削除リクエストのステータスが保留中になりました。

しばらく待っていれば削除されるようです。
意図しないインデックスを防ぐためにも、BASIC認証をかけるなど適切なサイト運用方法を心がけましょう。

Googleが提供しているAPIが一覧で見れるサイト「Google APIs & Developer Products」

0

20110130-01
Google APIs & Developer Products」は、Gooleが提供しているAPIの一覧を見る事できるサイトです。

Googleの左のサイドバーが邪魔な人のための旧スタイルページ

0

20100510-03
Googleの検索結果が新デザインになりましたが、昔のシンプルなページを使いたいという方も多いようです。

以下のページは英語ですが、サイドバーが無い状態で検索する事ができるようになってます。

http://www.google.com/webhp?hl=all

日本語でも問題なく検索できるので、しばらくはここを使ってみようと思います。

バンクーバーからシドニーまで!Googleロゴのまとめ

0

20100224-01
Googleのロゴがオリンピック開催中は毎日変更になってますね。2010年バンクーバーから2000年のシドニーまでのGoogleロゴをまとめた
Google Olympic Logos from Past To Present」というエントリーのご紹介。

世界的イベントを記念して、毎日ロゴが変わった様子を記録していましたので、ざっとご紹介。

Mac用のGoogle Chrome dev がアップデート

0

google_chrome_icon_90x81

Mac用のGoogle Chromeがアップデートされたようです。
まだ開発者用のdevリリースですが、安定性はかなりよいです。

現在のバージョン4.0.295.0です。拡張機能も使用可能なようですね。

Mac用の新しい機能として「command」+三本指スワイプで前後のページを新規タブにて開く事が可能になりました。
これ、すごいです。

まだの方はぜひ。