▲PAGE TOP

Blogger内の記事のみを検索する検索フォームを設置


Blogger内の記事のみを検索する検索フォームを設置します。

  1. Blogger管理画面にログイン
  2. レイアウト>ガジェットを追加>HTML/Javascript を追加する
  3. 以下のタグを編集した後、入力して保存する
オリジナルデザイン>> Sleek and Cool Search Boxes for Blogger
フォームのカスタマイズタグ>> TAG index フォーム
Googleカスタム検索を使う場合>> 検索ウィンドウを実装する(同じグループで複数サイトがあるとき)




<table width=300px cellspacing=0 cellpadding=0><tr>
<td align=right width=65px><a href="http://www.580yen.com"><img src="http://www.******.com/img/icon-home-w.png" /></a></td>
<td align=right>
<table cellspacing=0 cellpadding=0 bgcolor=#ffffff><tr><td><img src="http://www.******.com/img/img-searchbox-left.png" /></td><td align=right valign=bottom><form action="http://www.580yen.com/search" style="display:inline;" id="searchthis" method="get"><input type="text" id="query"  name="q"value="Keywords..." onfocus='if (this.value == "Keywords...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Keywords...";}' style="background-color:#ffffff; border: #ffffff ; color:#777777; width:150px ;"/><input src="http://www.******.com/img/icon-search.png" alt="Search This Blog" type="image" id="searchbtn" title="Search this blog" />
</form></td></tr></table>

<td width=10px bgcolor=#ffffff></td></td></tr></table>


COMMENT 投稿した内容は「 掲示板 」に掲載されます。
ペンネーム(必須)

タイトル

メールアドレス

話題にするページ/ウェブサイトのURL
メッセージ(必須)
アップロードする画像
パスワード(必須)