Private Fantasticのホームページへ

Googleカスタム検索の設置方法

🌹WebNews1🌹

Googleカスタム検索の設置方法

「 Search in CSE home 」と入力して検索

フォルダ

フォルダ

フォルダ

こんな感じ

フォルダ

フォルダ

検索エンジンIDを自分のサイトの表示させたいところへ貼る

Googleカスタム検索をページの真ん中へ表示する場合のコード

下記の桃色の部分を入力

【html】

<!doctype html>

<form id="cse-search-box" action="https://cse.google.com/cse.js?">
<div class="gcse-search">
<script async src="https://cse.google.com/cse.js?cx=ここに発行
されたIDを入力">
</script>
</form>

【css】

@charset "utf-8"
/*Googleカスタム検索の横幅設定*/

#cse-search-box {
	width: 100%;
	max-width: 400px;
	height: 80px;
	margin: 0 auto;
	}

上書き保存します!

私は、この方法でTOPページに上手く設置できました(#^.^#)

See you again Take care
(^.^/)))~~~bye!!



TOP