How to make the below code for a google search engine open in a new browser tab

**Tedah3143** · 03-07-2023, 11:27 PM

Code:

<script async src="https://cse.google.com/cse.js?cx=765fafd9751a049f3">
</script>
<div class="gcse-search"></div>

Thank you.

**coothead** · 03-08-2023, 11:28 AM

Hi there Tedah3143,

you need to have two files, the first linking to the second, like this...

open-google-search.html

Code:

<!DOCTYPE HTML>
<html lang="en">
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">

<title>Open Google Search</title>

<link rel="stylesheet" href="screen.css" media="screen">

</head>

<body>

 <a href="google-search.html" target="blank">open "Google Search" in new window</a>
 
</body>
</html>

google-search.html

Code:

<!DOCTYPE HTML>
<html lang="en">
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">

<title>Google Search</title>

</head>
<body>

  <div class="gcse-search"></div>

  <script async src="https://cse.google.com/cse.js?cx=765fafd9751a049f3"></script> 

</body>
</html>

Obviously, these are just basic files and both may have any amount of extra content.

coothead