ブログ内検索&サイト内検索もつけちゃいました2009年03月21日 07時20分

画像上:入力欄枠表示無し、「検索」ボタンが大きすぎ・・・
画像下:入力欄枠表示無し、「検索」ボタン無し(現在利用)

自分のブログ内で使える検索エンジンが欲しいなあ・・・ネットで探すと、結構あるもんですな。沢山ありすぎて困るくらいですが・・・

結局、googleの検索エンジンを利用することにしました。下記のサイトのソースを使いました。

黄昏の屋上-ブログ内検索にGoogleを使うように設定してみた。
http://blog.livedoor.jp/koushin_a/archives/50459233.html

Google-リンク、検索機能を追加
http://www.google.co.jp/intl/ja/searchcode.html

アサブロのツールバーに検索用のメッセージを1個追加、編集して「ブログ内検索」のタイトルを付け、上記で公開されていたソースを貼り付け"HTML"にチェックを入れました。


<!-- SiteSearch Google -->
<div align=center>
<form method=get action="http://www.google.co.jp/search">
<table bgcolor="#FFFFFF" border=0 cellspacing=0 cellpadding=0><tr><td>
<input type=text name=q size=20 maxlength=255 value="">
<input type=submit name=btnG value="検索">
<input type=hidden name=ie value=文字コード>
<input type=hidden name=oe value=文字コード>
<input type=hidden name=hl value="ja">
<input type=hidden name=domains value="ブログのURL">
<input type=hidden name=sitesearch value="ブログのURL">
<br>
<a href="http://www.google.co.jp/"><img src="http://www.google.co.jp/logos/powered_by_google_135x35.gif" border="0" alt="Google" align="absmiddle"></a>
</td></tr></table>
</form>
</div>
<!-- SiteSearch Google -->

アサブロはUnicodeを使っているから「文字コード」は UTF-8 を指定。「ブログのURL」はここのURLを入れる。

さあ、これでO.K.と思いきや、やってみると表示がおかしい。やたらとでかい「検索」ボタンがあるだけで、入力欄が無い・・・というか、「検索」ボタンの上に入力欄は存在するのだけど、枠が表示されないから何にも無いように見えるのだ・・・

色々試してみたが、どうもうまくイカン。

結局、

<input type=submit name=btnG value="検索">

を削除して「検索」ボタンをとっちゃいました。入力してEnterキーを押せばいいし・・・入力欄の枠表示は諦めて使うことにした。実用上何の支障も無いしね。

ついでに、ホームページのサイト内検索も同じように追加しちゃいました。こちらは「検索」ボタンも入力欄もちゃんと表示されます。ブログとは違うからかな・・・

では。

ついでにアクセス・カウンターもつけちゃいました2009年03月21日 07時38分

アクセス・カウンターも欲しいなあ・・・ということでこれも探すと沢山ありますな・・・迷った挙句、UNFINISHED とゆー会社が提供している無料アクセスカウンターを使うことにしました。

UNFINISHED
http://www.unfinished.jp/

UNFINISHED のサイトでID登録(無料)、無料アクセスカウンター画面でプロジェクト(ブログにカウンタを付ける為に必要)を1つ作り、出来たプロジェクトから吐き出したソースコードを、ブログ内検索と同じようにメッセージツールを使って設定しました。これはうまくいきました。(右上のヤツがそれ)

ま、こんなところですかな・・・