ブログパーツ関連 ｜ よくある質問

2006年04月15日

Google 検索を、サイドバーに付ける方法（ブログパーツのように）

livedoor Blogでは「ブログ検索」という、自分のブログの記事を検索できるプラグインを提供しています。
このブログのサイドバーにも付けているのですが、これがあまり評判が良くない。
旧システム時代は、ほぼ完全に検索できるものだったと記憶しているのですが、現在は、2ヶ月くらい前の記事までという非常に限られた範囲しか検索できない状態です。
新しいデータを優先するため、古いデータは破棄されて出てこないと、ライブドアは説明はしていますが、それにしても範囲が狭く感じます。

Googleプラグイン
そういうわけで、何か他の手段を探している人が多いので、やってみました。

検索エンジンは、実績のあるGoogleを利用します。

Googleのサイトで、自分のwebページに貼り付けて使えるソースを配布しています。

<!-- SiteSearch Google -->
<center>
<form method=get action="http://www.google.co.jp/search">
<table bgcolor="#FFFFFF"><tr valign=top><td>
<a href="http://www.google.co.jp/">
<img src="http://www.google.com/logos/Logo_40wht.gif";
border="0" alt="Google" align="absmiddle"></a>
</td>
<td>
<input type=text name=q size=31 maxlength=255 value="">
<input type=hidden name=ie value=Shift_JIS>
<input type=hidden name=oe value=Shift_JIS>
<input type=hidden name=hl value="ja">
<input type=submit name=btnG value="Google 検索">
<font size=-1>
<input type=hidden name=domains value="YOURSITE.CO.JP"><br>
<input type=radio name=sitesearch value=""> WWW を検索
<input type=radio name=sitesearch value="YOURSITE.CO.JP" checked> YOURSITE.CO.JP を検索
</font>
</td></tr></table>
</form>
</center>
<!-- SiteSearch Google -->

このソースを、自分のブログやサイト用に設置するには、変えなければならないところがいくつかあります。
・　設置する場所に適した大きさ、形に変える
・　使用するブログのテキストエンコードに揃える
・　検索するサイト、ブログのURLに変える

具体的にlivedoorBlogのプラグインとして使い、そのブログ内の検索に利用する場合は、
・　フリーエリアのサイズに合わせる（大き過ぎると、サイドバーが落ちます）
・　テキストエンコードをlivedoorBlogで使用している「EUC-JP」にする（こうしないと、日本語の表示がおかしくなります）
・　特定のURLを指定する「YOURSITE.CO.JP」を自分のブログのURLに変える（これを間違えると自分のブログ内の検索が出来ません）


実際に、わたしは、こう変えて設置しました。

<!-- SiteSearch Google -->
<center>
<form method=get action="http://www.google.co.jp/search">
<a href="http://www.google.co.jp/">
<img src="http://www.google.com/logos/Logo_40wht.gif" border="0" alt="Google" align="absmiddle"></a>
<input type=text name=q size=24 maxlength=255 value="">
<input type=hidden name=ie value=EUC-JP>
<input type=hidden name=oe value=EUC-JP>
<input type=hidden name=hl value="ja">
<input type=submit name=btnG value="Google 検索">
<font size=-1>
<input type=hidden name=domains value="blog.livedoor.jp/horsefly/"><br>
<input type=radio name=sitesearch value=""> WWW を検索 <br>
<input type=radio name=sitesearch value="blog.livedoor.jp/horsefly/" checked> このブログ内を検索
</font>
</form>
</center>
<!-- SiteSearch Google -->

サイドバーのサイズに合わせるため、
・　表組みのタグを外しました。（縦に並べるため）
・　入力フィールドの幅（size）を31から24にしました。（サイドバーの幅に合わせるため）

　　<input type=text name=q size=25 maxlength=255 value="">

そして、自分のブログ内を検索させるため、URLを指定する次の2行に、このブログのURLを入れました。

　　<input type=hidden name=domains value="blog.livedoor.jp/horsefly/">

　　<input type=radio name=sitesearch value="blog.livedoor.jp/horsefly/" checked> このブログ内を検索

行の後方は、内容が分りやすいように変えました。

あなたのブログに付ける場合は、URLを自分のブログのURLに替えてください。

<input type=hidden name=domains value="＜あなたのブログのURL＞">

<input type=radio name=sitesearch value="＜あなたのブログのURL＞" checked> このブログ内を検索

次に、livedoor Blogで、このソースを使う方法を書きます。

まず、自分用のソースを作ります。

わたしの変えたソースをコピーしたら、URLを指定する2行を、自分のブログのURLに変えてください。
もし、サイドバーの幅の狭いデザインの場合は、入力フィールドの幅（size）を狭くします。（普通は変えなくとも大丈夫です）

誤解して設置された方がいらっしゃいましたので、全体をもう一度、書いておきます。
とりあえず、これ（線で挟まれた間のソース）をコピーして（それをフリーエリアプラグインの中にペーストして）設置して下さい。
あなたのブログのURLというところだけ、ご自分のブログのURLに変えれば大丈夫です。（livedoor Blogの場合）


<!-- SiteSearch Google -->
<center>
<form method=get action="http://www.google.co.jp/search">
<a href="http://www.google.co.jp/">
<img src="http://www.google.com/logos/Logo_40wht.gif" border="0" alt="Google" align="absmiddle"></a>
<input type=text name=q size=24 maxlength=255 value="">
<input type=hidden name=ie value=EUC-JP>
<input type=hidden name=oe value=EUC-JP>
<input type=hidden name=hl value="ja">
<input type=submit name=btnG value="Google 検索">
<font size=-1>
<input type=hidden name=domains value="あなたのブログのURL"><br>
<input type=radio name=sitesearch value=""> WWW を検索 <br>
<input type=radio name=sitesearch value="あなたのブログのURL" checked> このブログ内を検索
</font>
</form>
</center>
<!-- SiteSearch Google -->



○　次に、プラグインの作成です。

管理ページなどの上にある
管理ページトップ | ブログの投稿 | カスタマイズ/管理 | モバイル設定
の「カスタマイズ/管理」をクリックして「ブログの設定」のページを開き、
左横にある

　ブログの設定/管理
ブログの設定 / ユーザー情報
デザインの設定
プラグインの設定 / 新規追加

の「新規追加」をクリックし「プラグインの追加」のページに移動します。

一番下の「 上級者向けプラグイン」をクリックして「プラグインの追加　上級者向けプラグイン」のページに移動し、

フリーエリア 自由にHTMLなどを記述することができます。

の［追加する］ボタンをクリックして「フリーエリア」のページを開き
入力欄に、先程書き換えたソースをペーストします。
下の「改行設定」の「 変換しない」をマークして
（この内容で設定する）をクリックします。

後は、「ブログに設定を反映（再構築）」のページに移動し、
［インデックス（トップの記事）］になっているプルダウンメニューを［サイドバー（プラグイン）］に合わせ、
［ブログを再構築する］をクリックすれば、終了です。
共通テーマ：
☆★☆ブログパーツ☆★☆ テーマに参加中！
タグ ：
Comments(25) ｜ TrackBack(2) │ この記事をクリップ！  （22:29）
前の記事 次の記事