Karya Ku

Saya akan membahas tentang cara memasang Google Custom Search Engine di Blogger atau Blogspot namun terlebih dahulu saya akan menjelaskan sedikit tentang Google CSE. Google Costume Search Engine atau Google CSE adalah sebuah fasilitas yang diberikan oleh Google untuk membuat sendiri mesin pencarian atau search engine seperti Google, dan kita juga dapat memasangnya di Blog kita. Nah sekarang kita akan memasuki tahap cara memasang Goolge Costume Search Engine atau Google CSE dan untuk cara pemasangan Google Costume Search Engine atau Google CSE di Blog, saya memiliki 2 cara/pilihan yaitu pertama cara memasang Google Custom Search Engine di Blog dan kedua cara memasang Google Custom Search Engine dibawah posting Blog.
Cara pertama yaitu cara memasang Google Custom Search Engine di Blogger atau Blogspot dan kalian ikuti saja langkah-langkah dibawah ini :
1. Login ke Blogger
2. Pilih menu "Rancangan"
3. Klik "Add Gadget" dan pilih "Html/Javascript"
4. Copy kode dibawah ini dan pastekan

<script src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load('search', '1');
      function OnLoad() {
      // Create a custom search control that uses a CSE restricted to code.google.com
      var customSearchControl = new google.search.CustomSearchControl('Pasang ID CSE kalian di sini');
      // Draw the control in content div
      customSearchControl.draw('searchresult');
      // run a query
      customSearchControl.execute('');
    }
    google.setOnLoadCallback(OnLoad);
    </script>
<div id="searchresult">Loading...</div>

5. Ganti tulisan Pasang ID CSE kalian di sini dengan kode ID Google CSE milik kalian, dan untuk cara mendapatkan kode ID Google CSE silahkan DAFTAR DISINI. contoh kode ID Google CSE milik saya 000992274044737482494:ug1yjhjd2w0
6. Klik save

Cara kedua yaitu cara memasang Google Custom Search Engine dibawah posting Blogspot dan kalian ikuti saja langkah-langkah dibawah ini :

1. Login ke Blogger
2. Pilih menu "Rancangan" dan klik "Edit HTML"
3. Beri centang pada kotak "Expand Template Widget"
4. Kemudian cari kode <data:post.body/>
5. Copy kode dibawah ini dan pastekan dibawah kode <data:post.body/> tadi

<script src='http://www.google.com/jsapi'/>
 <script type='text/javascript'>
 google.load('search', '1');
 function OnLoad() {
 var customSearchControl = new google.search.CustomSearchControl('000992274044737482494:ug1yjhjd2w0');
 customSearchControl.draw('content');
 customSearchControl.execute('<b:if cond='data:post.title'><data:post.title/></b:if>');}
 google.setOnLoadCallback(OnLoad);
 </script>
<div id='content'>Loading...</div>

6. Ganti kode 000992274044737482494:ug1yjhjd2w0 dengan kode ID Google CSE milik kalian, dan apabila kalian tidak mempunyai kode ID Google CSE maka kode tsb tidak usah di ganti.
7. Klik save dan lihat hasilnya.