Bagaimana Cara Membuat Custom Google Search Engine ke dalam postingan

Bagaimana Cara Membuat Custom Google Search Engine?

1. Masuk ke link Google CSE terlebih dahulu

2. Pada halaman yang ditampilkan klik kotak Create a custom search engine.

3. Isilah form seperti screenshot di bawah ini

4. Setelah selesai Klik tombol Create untuk masuk ke langkah berikutnya.

5. Klik Edit untuk melakukan pensetingan.

6. Pada kolom Control panel, pilih look and feel (Anda pilih layout dan tema yang Anda suka)

• Jika Anda ingin menambahkan kotak pencarian di bawah postingan, pilih saja Full-width
• Atau jika Anda ingin menampilkan kotak dan dan hasil pencarian di sidebar, pilih saja Compact
• Dan bila Anda ingin meletakkan kotak pencarian di sidebar dan menampilkan hasil pencarian di atas judul postingan, pilih saja Two Column. (Saya gunakan contoh ini)

7. Anda juga dapat melakukan setingan lain dari kolom Control panel.
8. Setelah semua selesai, klik "save & get code", maka Anda akan mendapatkan 2 kode seperti di bawah ini.

Catatan: Jangan gunakan kode ini untuk blog Anda. Gunakanlah kode yang Anda dapatkan sendiri!

 

<script>
  (function() {
    var cx = '012758890247377626588:xxtoqnp7_ku';
    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>

 Kode yang di atas ini di masukkan kedalam postingan dulu,,,,lalu publikasikan. LANJUT Ke tahap di bawah ini.

 Cara memasang di dalam blog di samping kanan maupunkiri terserah kamu enaknya di taruh dimana:

1. masuk blogger kamu

 

2. pilih ke Tata Letak

 

3. pilih Tambahkan Gadget >>>>Pilih Javascript/HTML

 

4. masukkan kode di bawah ini,,,,,

 

<h3 class="title">Mencari Sesuatu</h3>
<div class="widget-content">
<div class="widget-content">
<center style="font-size:11px">Masukkan kata kunci yang ingin anda cari. Misalnya Title Tag, Softwere, Game, Tips-Trik atau apa saja yang lain</center>
<br />
<center>


<form id="searchform" action="http://www.minannu.com/2014/01/kotak-pencari-blogislam_20.html">
<input value="partner-pub-012758890247377626588:-duvxchtrom" name="cx" type="hidden" />
<input id="search-form" value="Search here ..." onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;" name="q" type="text" />
<button class="search-button" type="submit" title="Search">
    <img title="Search" src="http://4.bp.blogspot.com/-xECcOds9C5Q/Ulufv6V4DtI/AAAAAAAAaO4/NXRjd9H-7Wg/s1600/search.png" alt="search button" height="21" width="21" />
</button>
</form>
</center>
</div></div>

 

 rubah kode yang warna hijau dengan kode yang di dapatkan di Google CSE yang ini
012758890247377626588

 

6. SAVE dan lihat hasilnya.