loading ...

タグ「Search」 の検索結果(1/1)

June 17, 2008

Google検索を設置する


設置したGoogleサイト検索のコードを参考にリンク、検索機能を追加
下記をサイドバー右に設置致しました。
Google フリー検索 (ベーシック版) : ウェブ検索 + サイト検索
●デザイン⇒テンプレート⇒テンプレートモジュール⇒サイドバー

<div class="searchstyle">
<form method="get" action="http://www.google.co.jp/search">
<a href="http://www.google.co.jp/">
<img src="http://www.google.com/intl/ja/logos/Logo_25wht.gif"
width="75" height="32" alt="Google" title="Google"
/></a><br />
<input type="text" name="q" size="14"maxlength="255" value="" accesskey="a" tabindex="1"/><input type="hidden" name="ie" value="UTF-8"
/><input type="hidden" name="oe" value="UTF-8"/><input type="hidden" name="hl" value="ja"/>
<input type="submit" name="btnG" value="Search"
accesskey="b" tabindex="2" /><br /><input type="hidden" name="domains" value="musashi.s201.xrea.com"/><input type="radio" name="sitesearch" value=""accesskey="c" tabindex="3" />Web<br />
<input type="radio" name="sitesearch" value="musashi.s201.xrea.com"accesskey="d" tabindex="4" checked="checked"/>musashi.s201.xrea.com
</form>
</div>
 ピンク字は、サイト名を入れる。
 青字は、ブログの文字コードを挿入。当ブログは、UTF-8です。
 他の文字コードでブログを運用している場合は変更する。shift_jis・euc-jpです。
●デザイン⇒テンプレート⇒インデックステンプレート⇒スタイルシート(メイン)
/* Googleサイト検索 */
.searchstyle{
    padding: 2px;
    background-color: #ffffff;
    font-size: 10px;
    border: 1px dotted #999999;
}