Cara Pasang Kotak Pencarian Google


Mesin pencari ( search egine) kelas dunia seperti Google tantunya sangat bermanfaat bagi para pencari data atau apa saja di dunia maya. Sebenarnya, ada banyak mesin pencari yang dapat kita manfaatkan. Akan tetapi, postingan kali ini ingin berbagi informasi tentang cara memasang kotak pencarian Google di blog kita.

Bagi anda yang ingin memasang kotak pencarian Google di sidebar atau di main blog anda, seperti di blog saya ini, caranya sangat mudah. Kita tinggal memasukkan kode-kode pemberian Om Google di elemen halaman blog (baik di sidebar, main, atau di header), lalu drag ke tempat yang anda inginkan.

Silahkan pilih tampilan dibawah ini.

Tampilan 1:



<!-- Search Google -->
<center>
<FORM method=GET action="http://www.google.com/search">
<input type=hidden name=ie value=UTF-8>
<input type=hidden name=oe value=UTF-8>
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif"
border="0" ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=25 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Google Search">
</td></tr></TABLE>
</FORM>
</center>
<!-- Search Google -->

Catatan : Anda tinggal merubah kode warna html #FFFFFF sesuai dengan warna background blog anda. Anda juga bisa merubah tulisan "Google Search" dengan kata yang anda sukai. Untuk kode warna html, silahkan klik di sini.

Tampilan 2:



<!-- Google SafeSearch -->
<center>
<FORM method=GET action="http://www.google.com/search">
<input type=hidden name=ie value=UTF-8>
<input type=hidden name=oe value=UTF-8>
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/search?safe=vss">
<IMG SRC="http://www.google.com/logos/Google_Safe.gif"
border="0" ALT="Google" width="115" height="45" align="absmiddle"></A>
<INPUT TYPE=text name=q size=25 maxlength=255 value="">
<INPUT type=hidden name=safe value=strict>
<INPUT type=submit name=sa value="Google Search">
</td></tr></TABLE>
</FORM>
</center>
<!-- Google SafeSearch -->

Catatan : Sama seperti pilihan pertama.

Tampilan 3:



<!-- SiteSearch Google -->
<FORM method=GET action="http://www.google.com/search">
<input type=hidden name=ie value=UTF-8>
<input type=hidden name=oe value=UTF-8>
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif"
border="0" ALT="Google"></A>
</td>
<td>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Monggo Klik">
<font size=-1>
<input type=hidden name=domains value="http://bahauddin-amyasi.blogspot.com"><br><input type=radio name=sitesearch value=""> Prof. Google <input type=radio name=sitesearch value="http://bahauddin-amyasi.blogspot.com" checked> Bahauddin Amyasi <br>
</font>
</td></tr></TABLE>
</FORM>
<!-- SiteSearch Google -->

Catatan : Anda tinggal mengubah URL http://bahauddin-amyasi.blogspot.com dengan URL blog anda. Dan, anda bisa mengubah tulisan Prof. Google dan Bahauddin Amyasi dengan kalimat yang anda inginkan.

Selamat mencoba dan sukses selalu ...

10 Comments

  1. mak jen penter oreng! keng jen narsis cora'nah. hehe

    ReplyDelete
  2. @ Iksan Maulana:
    Benni keng narsis, ke'...
    keng abek agresif..
    Bukan narsis lho...
    cuma rodo' agresif dikit..

    Oya, Chank..Untuk melihat blog Muba Blogger Community, silahkan klik di sini atau enter di sini

    Thank's ats kommennya...

    ReplyDelete
  3. klau aku gak bnyak blajar, maka aku akan tertinggal jauh dari teman2. jd akan sy kejar, wlaupun kedunia maya manapun

    ReplyDelete
  4. Syukron - Makacih atas Google Widgetnya. Ditunggu dan selamat atas karya-karya baru lainnya.

    ReplyDelete
  5. maz, aku fatik.. aku punya situs dengan nama http://unduhcumacuma.co.cc.. situs itu aku buat dengan cara manual.. aku belum bisa caranya pasang kotak leave comment di situsku.. tolong kasih tahu langkah-langkahnya and tutorialnya ya.. aku ngucapin makasih banget karna dari blog maz aku bisa dapet bermacam-macam ilmu baik komputer, nahwu sharaf (alfiyah ibnu malik kaleee).. sebelumnya makasih banget

    ReplyDelete
  6. ow jadi nyisipin kodenya itu, masuk ke tata letak trus ke edit html ya kak?
    soalnya akunya masih agak2 bingung ma perintah kakak.....

    ReplyDelete
  7. caen soro pa elang..mak soro sareh pole...

    ReplyDelete
  8. agak susah kalau menampilkan di wordpress, cuma iconnya aja...

    ReplyDelete
  9. @ Fatik ;
    Untuk kode commen, silahkan kunjungi www.web.source.net

    @ 3ko_ok3 ;
    Betul sekali, dek ....

    @ Dewa :
    Coba sesuaikan dengan kode warna thema wordpress anda.

    Thank's untuk semuanya.
    Salam akrab...

    ReplyDelete

Post a Comment

Previous Post Next Post