きまぐれAWA's Life

アクセスカウンタ

zoom RSS (ブログ)ブログ内検索フォームの設置の仕方

<<   作成日時 : 2008/05/15 01:28   >>

ブログ気持玉 0 / トラックバック 1 / コメント 10

フリースペースを使ってサイドバーにブログ内の検索フォームを設置します。


画像


※ 「Powered by Google」の画像は別設定になります。



フリースペースに以下の文字列を入力します。



<h2>ブログ内を検索♪</h2>
<form name="search" action="http://www.google.co.jp/search" method="get" target="_blank">
<input type="hidden" value="検索" name="c" />
<input type="hidden" value="1" name="clid" />
<input size="17" name="q" />
<input type="submit" value="探す?" name="btn" />
<input type="hidden" value="mairis.at.webry.info/" name="sitesearch" />
</form>




以下の箇所を変更して自分のブログに合ったものに変えてください(ん)


<h2>ブログ内を検索♪</h2>  ( 1行目 )

この部分が見出しになります。
『 <h2>*****</h2> 』の間はお好みの見出しで♪



<input size="17" name="q" />   ( 5行目 )

この部分の『size="**"』で検索フォームの横幅です。
サイドバーとボタンの大きさを考慮してサイズを決めます。
検索フォーム+ボタンの大きさがサイドバー横幅より大きくなるとボタンは改行されます。



<input type="submit" value="探す?" name="btn" />  ( 6行目 )

『 value="**" 』の"**" の文字がボタンに表示される文字になります。
ボタンのサイズは文字の長さで自動的に変わります。



<input type="hidden" value="mairis.at.webry.info/" name="sitesearch" />   ( 7行目 )

『value="*****.at.webry.info/"』
*の部分をご自分のブログのドメインに置き換えます。



変更したものをフリースペース入力〜設定します。
これでブログ内の検索窓が設置できます。

※検索はグーグルを利用しています。
※ここでは検索結果が別窓で表示されるようになっていますが、
別窓で表示したくない場合は2行目の『 target=_blank 』を削除します。



それでは、今回はこのくらいで(わら)


|ω・)ノシ See you♪

|彡 サッ




■ ブログをいじっちゃおぅ♪ 〜 ブログのレシピ 〜 ■


テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(1件)

タイトル (本文) ブログ名/日時
(ブログ)サイト内検索機能の追加と検索についての豆知識
ウェブリの機能強化があって、サイドバーに検索窓の設置が簡単に出来るようになりました(にこ) ...続きを見る
きまぐれAWA's Life
2010/06/22 03:58

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(10件)

内 容 ニックネーム/日時
こんばんわ、初めまして(ぺこ)
ブログの検索フォームの設置の仕方をこのブログのmairisu様から頂いてきましたので、お礼させていただきにきました(ぺこ)

ありがとうございます(にこ)
これから少し、mairisu様のブログの記事を読んでブログ改造していくので、その技術をお借りしたらお礼コメントを書かせていただきます(ぺこ)
では^^
ぷー(ほし)ちん
2009/05/03 18:18
ぷー(ほし)ちんさん、はじめまして(にこ)
いらっしゃいませ、こんばんは♪

ご丁寧にありがとうございます(ぺこ)
拙い内容の記事ばかりで恐縮ですが、
少しでもお役に立てればなによりです♪

ブログ改造頑張ってください(尸・ω・)尸゙ フレー
mairis
2009/05/03 19:26
こんにちは(@にこ)
いつも参考にさせていただいてます(はーと)
ひとつ教えていただきたいことがあるのですが・・・

バナーや文字の上にマウスを置くと、
説明みたいのが出るのがありますよね?

自分のブログのリンク部分でそのようになるようにしたいのですが、
自分でやり方が探し出せなかったので、
もしできたら教えていただきたいのです・・・(わーん)

どうぞお力をお貸しください!
よろしくお願いします
R35
URL
2009/06/19 12:37
R35さん、いらっしゃいませ(ん)

マウスを置いた時にメッセージをだすにはタグの中に
「title="***"」
の文字列を使用します。
たとえば右にあるバナーは次のように書き込んでいます。

<a href="リンク先URL"><img src="画像URL" width="160" height="32" alt="楽" title="Enjoy Snow のHPへ♪" /></a>

このように書き込んで「title="この部分"」にポップアップしたい文章を書き込みます。


画像を使わないリンクの場合は・・・

<a href="リンク先のURL" title="タイトル" >リンク先名</a>

このような書き方でOKです(にこ)
mairis
2009/06/19 18:01
ありがとうございました!
無事編集できました(わら)(@ぐっど)

また困ったときに(困らなくても)
お邪魔させていただきますね(おんぷ)

今後ともよろしくお願いします
R35
URL
2009/06/19 19:30
>R35さん

おつかれさまでした〜(にこ)ノ

またいつでもお越しください(ん)
最近カスタマイズ記事が少ないですけどー(気まずい))
ではでは〜( ̄ー ̄)ノ▽"フリフリ
mairis
2009/06/20 07:45
こんにちは〜
検索窓の設置、お手本にさせていただいたのですが、検索窓の下に「Powered by Google」と表示されないのは何故でしょうか??
クー
2009/11/22 13:54
クーさん、いらっしゃいませ(にこ)

「Powered by Google」の表示は雰囲気を出すつもりで画像挿入タグを書き込んで表示させてあるんですねー(気まずい)
画像持ってって貰ってもいいんですけど、画像の背景色が白になってるからクーさんとこじゃ使えないし・・・(あれ)
また作ってみましょっか(ひょえ)b
mairis
2009/11/22 21:59
そうだったんですか。納得です。(@はず)
何か手違いがあったのかと思いコメントした次第です。
ありがとうございました。ではまた(@ぺこ)
クー
2009/11/22 22:03
>>クーさん

記事の画像が悪かったかなー(気まずい)
勘違いをしないようにまた修正したいと思います。
ありがとうございました(ぺこ)
mairis
2009/11/22 22:18

コメントする help

ニックネーム
URL(任意)
本 文
  現在の閲覧者数:

* ぱにゃステ *

『ぱにゃステ』 customized by mairis
 
 
ふぉろーみー

(ブログ)ブログ内検索フォームの設置の仕方 きまぐれAWA's Life/BIGLOBEウェブリブログ
文字サイズ:       閉じる