ふかふか交易所 - ネットコンテンツから日々のお役立ち情報まで

ふかふか交易所 | ネットコンテンツや日々のお役立ち情報まで
RSSを購読する
follow us in feedly
トップ ゲーム 動画 HP・ブログ お金・クレカ お問い合わせ サイトマップ ページ下部へ

HP・ブログカテゴリ 新着記事

HP・ブログカテゴリ 新着記事

サイト内検索

総合ランキング

ホーム > HP・ブログカテゴリー No.41 ~ No.50 > 記事No.48

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

← 前の記事

次の記事 →

google_watermark

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

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

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

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

Googleカスタム検索の設置

Googleカスタム検索エンジン

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

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

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

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


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

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

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

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

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


HP・ブログ関連の人気記事

関連記事はこちら

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

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

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

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

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

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

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

Comment Form is loading comments...

総合ランキング

HP・ブログ関連カテゴリの人気記事

ご意見や質問などは気軽にメッセージフォームへ!


hp_blog_top
HP・ブログ制作ノウハウまとめ
movie_top
動画制作ノウハウまとめ
money_top
お金・クレカ記事まとめ
minecraft_top
マインクラフト記事まとめ

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

©Copyright fukafuka295.jp 2016 All rights reserved.

トップ ゲーム 動画 HP・ブログ お金・クレカ お問い合わせ サイトマップ ページ上部へ