…こんなヤツですね…
以前は「カスタマイズ」という項目があって…
直接「ダッシュボード」に入れたし…
サイト内検索の精度も…
「Google カスタム検索」より当然ながら高かったので…
デザイン的な事は目をつぶって設置していましたが…
「Blogger テンプレート デザイナー」が導入されて…
「カスタマイズ」項目も消えたので…
それなら…非表示にして…
別途…サイト内検索を設置すれば良いじゃないか…
…って話です…
先ずは…NavBar から…
「デザイン」「HTMLの編集」から…
<head> ～ </head> 間の任意の場所に…
でも…まぁ…順番に書いた方が解りやすいので…
「Header」の上に…
/* NavBar
----------------------------------------------- */
#navbar-iframe {display: none;}
を、追記すれば…NavBar は非表示になります…因みに…NavBar の高さは 30px です…画像表示位置指定の参考までに…
現在は…
「デザイン」で…Navbar の「編集」から…
「オフ」にチェックして「保存」で消せます…
NavBar を消すと当然検索窓も消えます…
しかし…来訪者の方々の利便性を考えると…
サイト内検索は有った方が良い…
しかし…「Google カスタム検索」などの検索では…
記事がクロールされなければインデックスされません…
困りましたねぇ…でも…ご安心を…
以下のコードを…ご自身の Blogger で…
投稿記事やサイドバーなど…
サイト内検索窓を設置したい場所に書くだけで…
サイト内検索窓が設置できます…
尚…検索結果は記事本文なども表示され見辛くなりますので…
これを回避してタイトルと日付だけにしたい方は…過去記事の…
Bloggerのアーカイブ ページで記事本文を表示させずにタイトルと日付だけにする
…の設定も行ってくださいな…
…以下コードです…
サイドバーとタブメニューの Search で動作確認してみて下さい…
画像ですので動作しません…<!-- シンプル版コード --> <form id="searchform" action="/search" method="get"> <input id="s" style="border" value="" name="q" size="15" type="text" /><input id="searchsubmit" value="Search" type="submit" /> </form>入力 BOX の大きさは 「size="15"」の値を変更して下さい…
値は文字数で指定しますが入力文字数には影響しません…
設置場所の横幅を超えると検索ボタンが改行されます…
「value=""」の部分で予め文字を入力しておく事も出来ます…
画像ですので動作しません…<!-- 当サイト設置版コード --> <form id="searchform" action="/search" method="get"> <input id="s" style="background: #222222; color: #C0C0C0;" value="" name="q" size="15" type="text" /><input id="searchsubmit" style="background: #222222; color: #8AC75A;" value="Search" type="submit" /> </form>入力 BOX の大きさは 「size="15"」の値を変更して下さい…
値は文字数で指定しますが入力文字数には影響しません…
設置場所の横幅を超えると検索ボタンが改行されます…
当サイトでは…
サイドバーでは「size="15"」、記事では「size="30"」です…
「value=""」の部分で予め文字を入力しておく事も出来ます…
現在は…value="Enter : Text..." として…
さらに…onclick="this.value=''" を追記して…
予め入力しておいた文字がクリックで消えるようにしています…
0 Comments :
View Comments :: Click!!
0 Comments :
Post a Comment :: Click!!
コメントを投稿