2007年12月03日

記事検索のHTMLを変更

seesaaブログの記事検索が使いにくくなっていたので変更。
テキストボックスに文字を入れて検索してもキーワードが空で検索されている模様。

Yahoo→Googleにして、ブログ内検索だけにした。

「デザイン」→「コンテンツ」
「記事検索」→「コンテンツHTML編集」
------------------------------------------------
<div class="sidetitle"><% content.title %></div>
<div class="side">
<% content.header -%>
<form method="get" action="http://www.google.co.jp/search" style="margin:0;padding:0;">
<input value="" name="q" type="text" size="20" />
<input type=hidden name="sitesearch" value="animemo.seesaa.net">
<input value="検索" type="submit" name="btnG" class="input-submit" /><br>
<div align="left" style="padding-top:2px;">
<div style="clear:left;"></div>
</div>
</div>
</form>
------------------------------------------------
参考ページ
Google「リンク、検索機能を追加」
Web検索!メタサーチ 「Google を利用したサイト内検索窓 設置方法」



ちなみにHTMLタグをそのまま表示させるには"<pre>"だけではだめで、"<",">"をそれぞれ"&lt;","&gt;"にしないとダメらしい。
"<pre>"の中では折り返されないのでここのCSSをもらってきて設定。
------------------------------------------------
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
------------------------------------------------
参考ページ
jmblog.jp「ソースコードを表示させるのに使うべきHTMLタグは?」
posted by 端っこなひと at 18:58| Comment(0) | TrackBack(0) | Webデザイン | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

この記事へのトラックバックURL
http://blog.seesaa.jp/tb/70725416

この記事へのトラックバック