Googleカスタム検索の検索ボタンを好きな画像に変更する方法

Googleカスタム検索使い方




LINEで送る
Share on LinkedIn
Pocket

 

Googleカスタム検索エンジンの「検索ボタン」をオリジナル画像に変更する方法をご紹介します。

 

Googleカスタム検索デザインのカスタマイズ

 

検索バーの右側にある「検索」ボタンを画像に差し替える方法をご紹介します。

 

検索バーのコード

 

 

↓この部分を、

 

↓このように書き換えます。「画像のURL」部分に好きな画像のURLを入れれば完成です。

 

 

 

ここまでで、デザイン的に満足の場合はOKですが、まだまだカスタマイズしたい方は、CSSもいじります。

 

 

CSSでデザインカスタマイズ

↓このコードの「”submit”」を「”image”」に書き換えます。そうすることで画像のCSSをいじれます。

 

Googleカスタム検索エンジンのhtmlとcssについては「Googleカスタム検索のデザインを変更する方法」に違うパターンの記述を紹介しています。

 

Googleカスタム検索エンジンについて学ぶ

LINEで送る
Share on LinkedIn
Pocket

よく読まれている記事




Googleカスタム検索使い方

2 件のコメント

  • コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

    ABOUTこの記事をかいた人

    嶋耕作

    ライター、自主制作アニメも作ったりしている。自身が主催してきたイベント企画で培った集客運営等のノウハウを使ってサイトやYouTubeなどメディア運営のサポートを行っている。