Validasi Html5 Google Custom Search Engine
Pada postingan sebelumnya saya sudah membahas cara menciptakan Google Search Engine di blog untuk memperbaharui postingan serupa yang membahas wacana menambahkan fungsi Google Search Engine pada search box di blog alasannya ialah tampilan Google Custom Search sudah berubah sehingga sudah tidak sesuai dengan tutorialnya.
Namun pada isyarat Google Custom Search Engine tersebut ternyata menyumbangkan 1 buah error dan 1 buah warning pada validasi HTML5. Untuk itu sekarang saya akan membagikan cara validasi HTML5 untuk Google Custom Search Engine di blog.
Baca juga: Membuat Google Search Engine Di Blog 2014
Error dan warning dari isyarat Google CSE ini disebutkan sebagai isyarat yang tidak sanggup direpresentasikan sebagai XML 1.0 dan tidak sanggup dijadikan sebagai anakan dari elemen DIV ibarat tampak pada gambar di bawah ini.
Kode yang error ini ialah isyarat <gcse:searchbox-only></gcse:searchbox-only>. Nah untuk memvalidkan isyarat ini, kita lakukan sedikit perubahan dengan menambahkan sedikit isyarat jquery.
Dari postingan sebelumnya, kita mendapat isyarat GCSE pada langkah ketujuh untuk disimpan di blog ibarat berikut ini.
<script>
(function() {
var cx = '0061063966908494606:yeabjpcg';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:searchresults-only></gcse:searchresults-only>
Perhatikan isyarat <gcse:searchresults-only></gcse:searchresults-only> ini, silahkan ganti isyarat tersebut dengan isyarat di bawah ini dan simpan di atasnya.
<div id="gcsengine"></div>
<script>
var gcseDiv = document.getElementById('gcsengine');
gcseDiv.innerHTML = '<gcse:searchresults-only></gcse:searchresults-only>'
</script>
Ini berlaku untuk semua layout, ibarat <gcse:search>, <gcse:searchbox>, <gcse:searchresults>, atau <gcse:searchbox-only>. Sehingga sesudah diganti akan tampak menjadi ibarat di bawah ini.
<div id="gcsengine"></div>
<script>
var gcseDiv = document.getElementById('gcsengine');
gcseDiv.innerHTML = '<gcse:searchresults-only></gcse:searchresults-only>'
</script>
<script>
(function() {
var cx = '0061063966908494606:yeabjpcg';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
0 Response to "Validasi Html5 Google Custom Search Engine"
Posting Komentar