I want to integrate google search in website such way that whenever we search in google the search box should show like below:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<form class="search-box" action="https://example.com/search.htm">
<input type="text" placeholder="Search..">
<button type="submit" class="search-icon">
<i class="fa fa-search"></i>
</button>
</form>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>to replace with this google search coding:
<script async src="https://cse.google.com/cse.js?cx=da0913cf3d0f12b51"></script>
<div class="gcse-search"></div>