Wednesday, March 16, 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 :

 
Jadi ketika kita membuka judul posting maka Google CSE ini akan tampil dibawah label dan menampilkan hasil pencarian dari keyword yang sesuai dengan label pada postingan. Seperti itulah kira kira, untuk contoh hasilnya yang telah di pasang Autofill Google CSE ini bisa lihat disini, Silahkan klik salah satu postingannya dan anda lihat pada bagian atas komentar atau dibawah label. Anda akan melihat tampilan Google CSE di bawah posting, ya karena ini memang blog demo jadi saya pasang berbagai macam kode HTML untuk praktik termasuk AutoFill Google CSE.

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.
 
  • Share

Artikel Menarik Yang Lain:



Hasil Pencarian Untuk Artikel Ini :

Searching...
 

Copyright © 2010 Jogza Vista | MATARAM 99. All Rights Reserved. Powered by Prista Fantasia and Distributed by Tembang Lawas | Tivi Star | AMA Compuhouse