« HTML CSS JavaScript でアナログ時計を設置してみた | メイン | 木製鍋敷きを自作しました。実は鍋敷きをしまい無くしてしまいました。 »

2025-03-15

ブログにサイト内検索を設置する方法

Photo_3

ブログに検索窓を設置してみました。

自分の過去のブログを探すことがたまにあるのでいちいちブログの修正から検索を掛けるのが面倒なので設置しました。

ブログにサイト内検索を設置する方法

Google カスタム検索を利用します。
上記アドレスからカスタム検索エンジンにログインして必要事項を入力して作成します。

①検索するサイト
サイト内検索で検索対象とするサイト(自分のサイト)の URL を入力する。

②言語
「日本語」を選択する。

③検索エンジンの名前
任意の名称を設定する。例えば (ブログ内検索)

④[コードを取得] ボタンをクリックするとコピーできます。

⑤自分のブログのデザイン→表示項目を選択→カスタムHTMLのモジュールを追加→名前・HTML入力→保存→四角にチェック→下の変更を保存→ブログを確認すると検索窓が表示されます。

⑥あとは並べ方を変更で好きな場所に移動して保存で終了。

※私のは上に画像を入れています。
 上の四角にチェックする時に名前をサイドバーに表示にチェックするとそこで入力した名前が表示されます。例えばサイト内検索

※現在、ブログ内検索が使えません。このブログだけかも。

Google検索搭載の注意点Google検索窓を設置した後に自分のブログを表示するとア奴隷の後ろに「gsc.tab=0」が付いている場合があります。それは前の検索結果ページへ戻れることを可能にする使用らしいです。「gsc.tab=0」を消したい場合は以下の方法で行います。
①Google カスタム検索へ行く
②作成した検索ユニット名をクリック
③検索機能をクリック④詳細設定をクリック
⑤ウェブ検索の設定をクリック
⑥検索結果の閲覧履歴をオフにします。以上でOKです。

コメント

コメントを投稿

コメントは記事の投稿者が承認するまで表示されません。

Calendar

  •   Well come!! 晴れ時々曇り
     


    --------------------------
    *** 本日の暦 ***

B0027WPIRY

お勧めの本

アクセスランキング

いいねボタン

JV