Wednesday, April 20, 2011

Memasang Google CSE Dibawah Postingan

Para Blogger senior atau master tentunya sudah tidak asing lagi dengan Google CSE yang merupakan tempat pencarian berdasarkan keyword yang diinginkan untuk menghasilkan pencarian yang Optimal yang sesuai dengan kata kunci yang ditargetkan.Teknik yang saya terapkan di sini adalah Autofill Custom Search API dengan mengambil kata kunci berdasarkan title postingan. Sebenarnya penerapan kode dalam teknik ini nggak jauh beda sama teknik auto generate content di single post WP. Pada postingan ini akan membahas cara pemasangan Google CSE yang di tampilkan di bawah postingan untuk Blogspot, seperti yang terlihat pada gambar di bawah ini :


Script yang digunakan ini merupakan Script Autofill Google AJAX Search API CSE yang setelah saya coba coba akhirnya bisa juga di pasang. langsung saja pada proses pemasangannya :
  1. Masuk Dashboard > Rangangan > Edit HTML > Expand Widget Template
  2. Cari kode seperti ini <b:includable id='comments' var='post'>
  3. Masukan Script di bawah ini tepat dibawah kode di atas.
<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-bloganda&#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>
  1. Ganti ID-CSE-bloganda dengan ID Google CSE Blogger kanmu. Pastikan blogger sudah mendaftar terlebih dahulu di google Cost0m Search Engine untuk bisa mendapatkan ID dari Google CSE. 
  2. Jika sudah silahkan di save.
Pemasangan Google CSE di bawah postingan sudah selesai, jika anda mau autofill berdasarkan title postingan blog, anda 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> 
Selamat Mencoba.

No comments:

Post a Comment