Cara Pasang Pencarian Pintar Google untuk Blog

Cara Pasang Pencarian Pintar Google untuk Blog

14 Comments

Pencarian Pintar Google untuk Blog
Banyak search widget yang tidak berfungsi secara maksimal. Kadang beberapa search widget malah gak jalan dan tidak mau nyambung sama blog kita, artinya tidak memberikan search result untuk blog kita sendiri. Lalu buat apa kita pasang search widget kalau gak nyambung. Tentunya ini membuat kita kadang dongkol sendiri, yang jelas widget itu tidak berguna dan memenuhkan template saja.

Sekarang saya akan terangkan cara pasang pencarian pintar google untuk blog. Widget ini akan mencari atau memberikan result page yang berhubungan dengan artikel kita yang diindex google. Intinya sama dengan search engine google, namun kita hanya memasangnya di blog kita. Tampilannya sama dengan widget search bawaan blogger namun lebih baik dan dapat kita setting sesuai keinginan. Sebelumnya coba dulu masukkan kata kunci pencarian atau judul artikel apa saja pada Pencarian Pintar Google untuk Blogonol yang terdapat sesudah artikel terkait. Bagaimana....tertarik? Ok sekarang mari kita bahas cara pasang pencarian pintar google untuk blog, ikuti langkah berikut

Kunjungi Google Custom Search
Klik Create a Custom Search Engine, seperti tampilan berikut
Pencarian Pintar Google untuk Blog
Selanjutnya isi form seperti pada gambar berikut
Pencarian Pintar Google untuk Blog
klik kanan - view image: untuk memperbesar gambar
Selanjutnya pilih bentuk tampilan yang disukai. Saya pilih minimalis biar sesuai dengan template saya. Lanjutkan dengan klik next. Lihat gambar di bawah.
Pencarian Pintar Google untuk Blog
klik kanan - view image: untuk memperbesar gambar
Selanjutnya klik look and feel, seperti gambar di bawah ini
Pencarian Pintar Google untuk Blog
klik kanan - view image: untuk memperbesar gambar
Selanjutnya pilih layout atau penempatan sesuai yang diinginkan. Kalau saya pilih seperti gambar di bawah ini, lebih simple alias gak ribet. Jangan lupa klik Save and Get Code untuk melanjutkan atau mendapatkan kode widgetnya.
Pencarian Pintar Google untuk Blog
klik kanan - view image: untuk memperbesar gambar
Pencarian Pintar Google untuk Blog
klik kanan - view image: untuk memperbesar gambar
Selanjutnya Log in ke blog
Klik Rancangan
Klik Edit HTML
Centang Expand Template Widget
Setting dulu kode widget anda sperti ini
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h4>Pencarian Pintar Google untuk Blogonol</h4>
KODE WIDGET SEARCH ANDA
</b:if>
menjadi seperti di bawah ini
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h4>Pencarian Pintar Google untuk Blogonol</h4>
<div id='cse' style='width: 100%;'>Loading</div>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
  google.load(&#39;search&#39;, &#39;1&#39;, {language : &#39;id&#39;, style : google.loader.themes.MINIMALIST});
  google.setOnLoadCallback(function() {
    var customSearchOptions = {};  var customSearchControl = new google.search.CustomSearchControl(
      &#39;000658120986623320831:bkdb7clpv6w&#39;, customSearchOptions);
    customSearchControl.setResultSetSize(google.search.Search.SMALL_RESULTSET);
    customSearchControl.draw(&#39;cse&#39;);
  }, true);
</script>

</b:if>
Masukkan kode tersebut di bawah kode
<data:post.body/> atau <p><data:post.body/></p>
bisa juga anda masukkan di bawah kode
<div class='post-footer-line post-footer-line-2'>
Selanjutnya klik Simpan Template dan lihat hasilnya
Selamat mencoba dan sukses selalu


"keep spirits and do the best"
Mau belajar trick dan tips blogging lengkap dan mudah?... BACA DI SINI

About the Author

Blogonol adalah Blog - 0 atau blog kosong dengan konten tutorial blog, seo, widget, template gratis, dan blog info yang dikonsep secara sederhana untuk belajar membangun blog yang lebih baik.