RSSを購読する
follow us in feedly
ふかふか交易所 | ネットの情報をわかりやすくお届け!
RSSを購読する
follow us in feedly

ニュータウンシリーズ まとめ

マインクラフト関連記事 まとめ

VR関連記事 まとめ

トップ ゲーム 動画 ホームページ 掲示板 お問い合わせ サイトマップ ページ下部へ

ホームページカテゴリ 新着記事

サイト内検索

過去7日間の人気記事

  • 総合
  • ゲーム
  • 動画
  • ホームページ

ホーム > ホームページカテゴリー No.41 ~ No.50 > 記事No.48

Googleカスタム検索の薄い文字(ウォーターマーク)を非表示にする簡単な方法

← 前の記事

次の記事 →

google_watermark

自身のホームページに「サイト内検索機能」を導入したい場合、Googleの提供するカスタム検索(Google Custom Search)を設置する方法があります。

しかしGoogleカスタム検索を設置した際に、初期の状態では検索枠内に"Googleカスタム検索"のように薄い文字(ウォーターマーク)が浮かび上がっていると思います。

人によってはデザインの関係上、この文字を非表示にしたい!という方もいると思います(実際、私は気になって仕方がありませんでしたw)。

そこで今回は、Googleカスタム検索の薄い文字(ウォーターマーク)を非表示する簡単な方法について紹介したいと思います。

Googleカスタム検索の設置

Googleカスタム検索エンジン

Googleカスタム検索を設置するには上記のサイトにアクセスし、自身のGoogleアカウントでログインしてください。

するとカスタム検索の設定画面が出現するので、ここで検索窓のデザインなどをカスタマイズすることができます。

左の"デザイン"タブを選択することでカスタマイズ画面が出現する

カスタマイズ終了後、下の"保存してコードを取得"をクリックし、出現したコードをコピーして貼り付けることでカスタム検索を設置することができます。

ウォーターマークの非表示

カスタム検索を設置したばかりの状態では、検索枠内に薄い字(ウォーターマーク)が表示されていると思います。

これを非表示にするには、以下のCSSコードを適用します。

すると薄い字(ウォーターマーク)の標示は消えていると思います。

サイトのデザイン性を重視する方は、是非試してみてください!


関連記事はこちら

- セキュリティソフト"Norton(ノートン)"に自分のホームページを ...

- キーワードからホームページ内の関連記事をリスト化して ...

- iPhone・Androidアプリのダウロードリンクを簡単に生成することの ...

- [Twitter] あるキーワードに関する過去のツイートを期間を指定 ...

- Nortonへサイト評価の申請後、いつまで経っても未評価のままの ...

- ホームページの読み込みを高速化!キャッシュを設定するため ...

この記事に対するコメント

Comment Form is loading comments...

過去7日間の人気記事

マインクラフト関連記事 まとめ

VR関連記事 まとめ

Aviutl(動画編集)関連記事まとめ

AR関連記事 まとめ

ご意見・ご質問等は 掲示板へ!

コメントを公開されたくない場合は メッセージフォームへ!


当サイトについて  月極広告の募集

©Copyright fukafuka295.jp 2016 All rights reserved.

トップ ゲーム 動画 ホームページ 掲示板 お問い合わせ サイトマップ ページ上部へ