you can embed custom search components (search boxes and search results pages) in your web pages and other web applications using html markup. these custom search elements consist of components that are rendered based on settings stored by google's cse server, along with any customizations you make.
e.g,
<html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ajayvishu search engine</title>
</head>
<body>
<h1 align="center">
<span style="color:#4885ed">G</span>
<span style="color:#db3236">o</span>
<span style="color:#f4c20d">o</span>
<span style="color:#4885ed">g</span>
<span style="color:#3cba54">l</span>
<span style="color:#db3236">e</span>
</h1>
<script async src="https://cse.google.com/cse.js?cx=016129863243487496698:d6bs5g4byww"></script>
<div class="gcse-search"></div>
</body>
</html>
refrence : https://developers.google.com/custom-search/docs/element
e.g,
<html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ajayvishu search engine</title>
</head>
<body>
<h1 align="center">
<span style="color:#4885ed">G</span>
<span style="color:#db3236">o</span>
<span style="color:#f4c20d">o</span>
<span style="color:#4885ed">g</span>
<span style="color:#3cba54">l</span>
<span style="color:#db3236">e</span>
</h1>
<script async src="https://cse.google.com/cse.js?cx=016129863243487496698:d6bs5g4byww"></script>
<div class="gcse-search"></div>
</body>
</html>
refrence : https://developers.google.com/custom-search/docs/element
0 Comments