Cara memasang google custom search engine di blog

Bagikan :

Facebook

Tweet

Linkedin

Pinterest

Kotak pencarian atau widget search sangat penting didalam suatu blog terlebih lagi blog yang artikelnya sudah banyak sehingga sulit untuk mencari artikel yang diinginkan. Nah untuk itu disini saya akan membagikan cara memasang google custom search engine di blog.

Google custom search engine ialah kotak pencarian yang mirip dengan search engine google, dengan memasang widget ini maka blog anda akan tampak lebih professional dan menarik terlebih lagi jika sobat adalah publisher adsense maka sobat bisa juga mendapatkan uang lewat search engine pada blog tersebut.

Penelusuran google khusus blog ini sangat disarankan dan sudah banyak digunakan juga sangat cocok untuk blog dengan artikel ratusan karena dapat membantu pengunjung memudahkan mencari artikel yang diinginkan.

Oke langsung saja ke tutorialnya ikuti cara berikut :

1. Buka Situs Google Custom Search di https://cse.google.com/cse/ 
2. Klik tombol Create A Custom Search Engine berwarna Biru 
3. Anda akan dibawa ke dashboard , lalu Klik New Search Engine 
4. Isi keterangan blog anda 
5. Klik Get Code 
6. Salin kode yang tersedia 
7. Silahkan letakkan di tata letak blog anda.  

Untuk membuat widget tadi menjadi valid HTML 5 silahkan ganti kode berikut :

<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 sudah ditandai dengan kode berikut ini :

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

Maka setelah itu tampilannya akan terlihat 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>

Itulah tadi cara memasang google custom search engine pada blog, semoga bermanfaat bagi sobat

Tag : Blog