Autofill Google CSE dengan Keyword Judul Postingan kita

Pake Google AJAX Search API yang autofill dengan mengambil keyword label atau judul postingan di blog Blogspot dan menempatkannya di single post. Berikut langkah-langkah cara membuat Autofill Google AJAX Search API CSE di Blogspot:

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

 
<script src='http://www.google.com/jsapi'/><br /> <script type='text/javascript'><br />  google.load(&#39;search&#39;, &#39;1&#39;);<br />  function OnLoad() {<br />  var customSearchControl = new google.search.CustomSearchControl(&#39;ID-CSE-BLOGKAMU&#39;);<br />  customSearchControl.draw(&#39;content&#39;);<br />  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;);}<br />  google.setOnLoadCallback(OnLoad);<br /> </script><br /><div id='content'>Loading...</div><br />

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 (Lihat Control panel » Basics)
5. Hasilnya seperti ini.

 
......<br /><b:includable id='comments' var='post'><br /><script src='http://www.google.com/jsapi'/><br /> <script type='text/javascript'><br />  google.load(&#39;search&#39;, &#39;1&#39;);<br />  function OnLoad() {<br />  var customSearchControl = new google.search.CustomSearchControl(&#39;015072290939263456976:yzp7yfpg7kw&#39;);<br />  customSearchControl.draw(&#39;content&#39;);<br />  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;);}<br />  google.setOnLoadCallback(OnLoad);<br /> </script><br /><div id='content'>Loading...</div><br /><div class='comments' id='comments'><br />......<br />

4.Save pekerjaan kamu. Selesai!

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><br />

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

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

Selamat berkreasi dan mencoba sob!

sumber : jevuska.com