Cara Membuat Custom Search Valid HTML5,

Tambahan : Untuk membuat Widget Google Custom Search menjadi Valid HTML5, silakan ganti kode di bawah ini (yang didapatkan dari langkah ke 6)

<script>
  (function() {
    var cx = '004846510630198233812:gmb5qovgjko';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:searchresults-only></gcse:searchresults-only>

Ganti kode yang ditandai dengan kode di bawah ini

Ini berlaku untuk semua layout, seperti <gcse:search>, <gcse:searchbox>, <gcse:searchresults>, atau <gcse:searchbox-only>

<div id="gcsengine"></div>
<script>
var gcseDiv = document.getElementById('gcsengine');
gcseDiv.innerHTML = '<gcse:searchresults-only></gcse:searchresults-only>'
</script>

Dan hasil nya tampak seperti ini :

<div id="gcsengine"></div>
<script>
var gcseDiv = document.getElementById('gcsengine');
gcseDiv.innerHTML = '<gcse:searchresults-only></gcse:searchresults-only>'
</script>
<script>
(function() {
var cx = '004846510630198233812:gmb5qovgjko';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>

<form action='/search' class='searchform' method='get'>
<table>
      <tbody>
        <tr>
          <td class='search-box'>
            <input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Search...'/>
          </td>
          <td class='search-button'>
            <input id='search-button' type='submit' value=''/>
          </td>
        </tr>
      </tbody>
    </table>
</form>

<form action='/search' class='searchform' method='get'>
<table>
      <tbody>
        <tr>
          <td class='search-box'>
            <input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Search...'/>
          </td>
          <td class='search-button'>
            <input id='search-button' type='submit' value=''/>
          </td>
        </tr>
      </tbody>
    </table>
</form>