Cara Praktis Membuat Search Engine Otomatis

Cara Membuat Search Engine Otomatis, Elemen terbaru blogspot yaitu element Pages dan element Search Box Google CSE. Jadi kamu bisa buat page di blogspot (max 10 pages) dan menambahkan Search box Google CSE. Saya justru tertarik dengan element CSE-nya, setelah lirik-lirik sebentar kode CSEnya, keknya nggak bisa dikustomisasi.

Cara Membuat Search Engine Otomatis,, Saya pake Google AJAX Search API yang autofill dengan mengambil keyword label postingan di blog Blogspot dan menempatkannya di single post. Berikut langkah-langkah cara membuat Autofill Google AJAX Search API CSE di Blogspot:
Daftar Id Google Custom Search Disini

1. Dashboard » Layout » Edit HTML » Expand Widget Templates
2. Copy kode berikut:

<script src='http://www.google.com/jsapi'/>

<script type='text/javascript'>

google.load(&#39;search&#39;, &#39;1&#39;);

function OnLoad() {

var customSearchControl = new google.search.CustomSearchControl(&#39;ID-CSE-BLOGKAMU&#39;);

customSearchControl.draw(&#39;content&#39;);

customSearchControl.execute(&#39;<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'> OR </b:if></b:loop></b:if>&#39;);}

google.setOnLoadCallback(OnLoad);

</script>

<div id='content'>Loading...</div>

3.Paste tepat di bawah kode <b:includable id='comments' var='post'>

4. Ganti kata ID-CSE-BLOGKAMU dalam kode tersebut dengan unique ID CSE blog kamu (Jangan ada spasi!). Bikin dulu CSE di Google Custome Search. Nanti kamu dapat kode ID cse seperti ini: Search engine unique ID: 012157934978810372049:-cv74o3zqua (LihatControl panel » Basics)5. Hasilnya seperti ini.

......

<b:includable id='comments' var='post'>

<script src='http://www.google.com/jsapi'/>

<script type='text/javascript'>

google.load(&#39;search&#39;, &#39;1&#39;);

function OnLoad() {

var customSearchControl = new google.search.CustomSearchControl(&#39;015072290939263456976:yzp7yfpg7kw&#39;);

customSearchControl.draw(&#39;content&#39;);

customSearchControl.execute(&#39;<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'> OR </b:if></b:loop></b:if>&#39;);}

google.setOnLoadCallback(OnLoad);

</script>

<div id='content'>Loading...</div>

<div class='comments' id='comments'>

......

4.Save pekerjaan kamu. Selesai!

Aturan Google Ajax search API

Kalo kamu mau autofill berdasarkan title postigan blog, kamu tinggal ganti kode:

<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'> OR </b:if></b:loop></b:if> 

dengan kode berikut (untuk autofill CSE berdasarkan title postingan):

<b:if cond='data:post.title'><data:post.title/></b:if> 

Cara Membuat Search Engine Otomatis