Wednesday, September 01, 2010

Gadget Google Custom Search



Cara menambahkan gadget Google Custom Search, berfungsi untuk mempermudah pencarian artikel pada blog kita, seperti pada gambar dibawah ini.




Caranya sebagai berikut :

1. Buka link ini Google Custom Search

2. Create a custom Search Engine.

3. Isi bagian Set up your search engine.

Describe your search engine
- Name : Judul blog
- Description : Uraian blog
- Bahasa : Bahasa yang digunakan

Define your search engine
- Site to search : Isi dengan URL blog kita, contohnya : bangandi.blogspot.com.

Select an edition
- Pilih saja yang Free yaitu Standard Edition.

Lalu Centang '  Terms of Service. ' kemudian Next.

4. Atur di Bagian Try it out.

Choose or customize a style
- Pilihlah tampilan pencarian mau seperti apa, klik Customize.

Try your search engine
- Jika sudah diatur sesuai yang kita inginkan, kemudian Next.

5. Di Bagian Get the code.

Custom Search element code
- Copy code Google Custom Search yang ada di dalam Textarea Box

Login ke blogger, paste kode Google Custom Search tsb ke Gadget HTML/javascript.
Simpan dan lihat & coba gadgetnya di homepage.


Selamat Mencoba.



73 comments:

  1. Pertamaxxxx yeahh

    Ini sob yang kau cari2 menu serach customize

    ReplyDelete
  2. wahhh ditempatku belum dipasa nihh sobb..
    perlu di coba ke tkp...

    ReplyDelete
  3. :)) nice info sob... ane juga lgi males posting2

    ReplyDelete
  4. @Angga J.P.:

    kalo begitu silahkan dicoba gan.. ;)

    ReplyDelete
  5. @maul:

    ..iya nih gan... gk napa ?... bulan puasa bawaannya ngantuk mulu.. hehehe :D

    ReplyDelete
  6. mantap tips nya sob.....ini hal sepele tapi pengaruhnya besar banget

    ReplyDelete
  7. @E-NIMBUZZ:

    ..Siip..baguslah kalo kamu tertarik..silahkan dipasang gan.. ;)

    ReplyDelete
  8. @K-blogger:

    iya gan...sama2.. Let's Sharing Knowledge.. :)

    ReplyDelete
  9. mantep ah ......dan di cobaaahh......huhauahuaha

    ReplyDelete
  10. ini yg saya cari langsung saya akan coba dulu, oy saya tetep belum bisa mas, kata temen kl pakai follower bawaan blogger g bisa

    ReplyDelete
  11. @Rizky2009:

    silahkan dicoba Riz.. heuumm.. tuh buktinya gw bisa Riz.. tapi coba aj pake yg code friend connect google alternatif.. :)

    ReplyDelete
  12. ini susah apa gak tau aku ya? pilih bentuknya..kok ku masukin di widget tetep aja type minmalis ga mau berubah ke yg kupilih..asem..iya brad laam ga kluyuran..ubah design template,4 harian aku mau matek..postingan ilang gak mau nongol di weblog..sialan..jadi ya ubah template dari awal lagi..

    ReplyDelete
  13. kebetulan aku udah pake Sob..... tapi enaknya mesti dilebarin halaman buat Serachnya jadi bener2 Full gak kepotong tulisannya hhe.......nice thnx 4 tutor....

    ReplyDelete
  14. @Belantara Indonesia:

    kekekekkek... oww... wajar aj ngilang sbentar... ati2 kalo utak-atik template widget gan.. loh kok widget google custom search-mu tampilannya gk sesuai keinginan..aneh ???

    ReplyDelete
  15. @Ferdinand:

    betul.. kan tinggal diatur aj width-nya jadi auto gan..biar otomatis nyesuain sendiri dg lebar page-nya.. :)

    ReplyDelete
  16. kelihatannya mudah nih bang Andi, ijin disave dulu ya ...

    ReplyDelete
  17. terima kasih sudah berbagi, saya mesti banyak belajar di sini banyak tutorial yang mantep..mohon izin sedot ilmunya

    ReplyDelete
  18. Keren mas wong. saya dulu pernah memakai trik ini dan sekarang mau bikin udah lupa masuknya google dari mana (URLnya http://www.google.com/cse/) tapi setelah membaca posting ini jadi ingat lagi. makasih mas, nais info. oiya q jg udah follow balik sekalian link mas udah saya add, jgn lupa di add balik ya...

    ReplyDelete
  19. pake jquerynya biar lebih gress atau nggak pake css3 :)

    ReplyDelete
  20. iya nih mas saya belum berhasil, kl pakai GFC nanti followers saya mulai dr nol lagi dong

    ReplyDelete
  21. ya skrg dah gak ngutak atik lagi template...bikin pusing..hahahhaha....ya ttg google search nya ga tau juga ni brad..lagi nyoba trus sampe bisa...

    ReplyDelete
  22. @ajurNA:

    kalo begitu silahkan meluncur ke TKP gan.. woke ..tukeran FOLLOW n Link ya.. Siip.. i like it.. ;)

    ReplyDelete
  23. @Muhammad Taqi:

    betul akan lebih mantab..gw lebih tertarik pake CSS3 gan.. :)

    ReplyDelete
  24. @Rizky2009:

    ..ayo riz..jgn menyerah...sy yakin kamu bisa modifikasi GfC-nya.. :)

    ReplyDelete
  25. @Belantara Indonesia:

    hehehe... silahkan di utak-atik lagi GCS-nya bro.. :D

    ReplyDelete
  26. thx u lho mas bro..eh kk bro atas pujiannya..hauahuahauahauhaua..ni msh di google search utak atik sampe tuaa......asem kok...kamp..eh ga jadi..ga sopan ya....lele

    ReplyDelete
  27. Paste this code in the page where you'd like the Custom Search element to appear. Note: CSS hover effects require a supported doctype such as . <---- tu maksudnya gmn ya brad? ada di Custom Search element code,di atasnya..aku mau pake Espresso bnernya tapi kok ga bisa2, tetep jadi yg standard...asem..

    ReplyDelete
  28. bagus mas andi tipsnya, biar ga ribet ya nyari tutorial yang lain

    ReplyDelete
  29. Salam kenal sob.., makasih tutornya.., aq brhasil buat custom search.., mampir jg di blog aq ya..

    ReplyDelete
  30. @Belantara Indonesia:

    Hehe.. :D... btw itu tandanya gk ada CSSS hover di template blogmu.. coba tambahkan saja gan..

    ReplyDelete
  31. @hasbi:

    iya gan... biar lebih mudah mencari tutornya.. ;)

    ReplyDelete
  32. @Innah:

    salam kenal jg :) ..baguslah kalo berhasil..oke wa mampir.. ;)

    ReplyDelete
  33. tu hover dikasih mana ya brad?..hehehhehe....oon aku...

    ReplyDelete
  34. wah bisa ya? keren nih, cek tkp :D

    ReplyDelete
  35. @Belantara Indonesia:

    tambahkan saja pada bagian kode CSS di template blog kamu gan... yaitu diatas " ]]></b:skin> " .... :)

    contohnya :


    a:hover{
    color:#5D3EFD;
    font-size:none;
    font-style:italic;}

    ]]></b:skin>

    ReplyDelete
  36. saya terkejut ktika menemukan blog mas..bru kali ini sy menemukan blog seperti ini yg banyak memberikan pengetahuan. lengkap skli isinya sesuai yg sy butuhkan. makasih mas smoga sukses slalu.

    ReplyDelete
  37. @willandenda:

    sy senang kalo tutor blogging yg sy post bisa membantu sobat2 blogger lainnya.. :)

    ReplyDelete
  38. Belantara Indonesia dan seluruh kru mengucapkan selamat hari raya lebaran mas..

    Taqabbalallahu Minna Wa Minkum Wa Ja'alanallahu Minal 'Aidin Wal Faizin Semoga Allah menerima (amalan-amalan) yang telah aku dan kalian lakukan dan semoga Allah menjadikan kita termasuk (orang-orang) yang kembali (kepada fitrah) dan (mendapat) kemenangan

    ReplyDelete
  39. اَللّÙ‡ُ
    اَÙƒْبَرُ، اَللّÙ‡ُ اَÙƒْبَرُ، اَللّÙ‡ُ اَÙƒْبَرُ، لاَ اِÙ„َÙ‡َ اِلاَّ اللّÙ‡ُ
    اَللّÙ‡ُ اَÙƒْبَرُ، اَللّÙ‡ُ اَÙƒْبَرُ، ÙˆَÙ„ِÙ„ّÙ‡ِ الْØ­َÙ…ْ

    Minal Aidin Walfa'idzin ,,
    ...Slamat Idul Fitri 1431 H Mohon Maaf Lahir & Bathin

    ReplyDelete
  40. ILMU KOMPUTER MENGUCAPKAN :
    “Selamat hari raya Idul Fitri”
    “TAQOBBALALLOOHU MINNA WA MINKUM”
    “MOHON MAAF LAHIR DAN BATIN”

    ReplyDelete
  41. Guwe mau update postingan seperti tu, malah dah keduluan loe braad. ya dah ntar bisa jadi bahan rujukan deh....goood braada, oh ya guwe lom ngucapin minal aidzin wal fa'idzin sama loe. mohon ma'af lahir dan batin ya braaada...

    ReplyDelete
  42. @Belantara Indonesia:

    SAMA2 SOBAT.. MHON MAAF LAHIR & BATHIN YA... :)

    ReplyDelete
  43. @anggar berkawand:

    SAMA2 SOBAT.. Minal aidin wal fa idzin YA... :) ...

    ReplyDelete
  44. @ILMU KOMPUTER:

    SAMA2 gan.. MHON MAAF LAHIR & BATHIN ... ;)

    ReplyDelete
  45. @Ganden:

    hehe... ya gkppa..posting aj pake gaya bahasa lo bro..

    oh iya..sama2 bro.. Mohon maaf lahir & batin yaa.. :)

    ReplyDelete
  46. Satu komentar buatmu: tampilan blogmu sungguh tidak menarik bagiku. Karena untuk membaca posting aja kudu nyari-nyari dulu klik yang mana.Bro, I am sorry, saya gak biasa bermanis-manis. Selamat ied 1431 H, maaf lahir batin.
    Salam.

    ReplyDelete
  47. salam sahabat
    wah wahhhh mas andi lama saya ga kesini makin kueren aja mas.tuh sangat saya butuhkan sudikah kiranya kalau saya save mas thanxs ya

    ReplyDelete
  48. This comment has been removed by a blog administrator.

    ReplyDelete
  49. @Dhana/戴安娜:

    hihihi.. iya nih dhana somseK ya ..lama tk berkunjung.. ow..silahkan sj di save dhana.. monggo.. :)

    ReplyDelete
  50. biar tampilan search box seperti tertera pada gambar di atas gimana cara modifnya bro..? apa tidak melanggar TOS....
    thanks

    ReplyDelete
  51. @rey:

    tdk melanggar TOS.. krn Mbah Google sendiri yg menyarankan Google custom Search ini.. ;)

    ReplyDelete
  52. asik..mantap deh....makasih braad,

    ReplyDelete
  53. Nice info langsung di coba nich @_@
    Jangan lupa mampir ya
    http://hsajax.blogspot.com

    ReplyDelete
  54. @hsajax:

    udah mampir gan... nice blog lu punya.. :D

    ReplyDelete
  55. Bagaimana caranya kalau kita ingin membuat custom search lalu menambahkan Adsense kita mas?

    ReplyDelete
  56. Akhirnya ketemu juga, Makasih ya gan :D
    Visit blog saya ya gan :D
    http://ktawayuk.blogspot.com
    MAKASIH SEBELUMNYA GAN :)

    ReplyDelete
  57. sip gan... ane nemu jga yg bginian stelah 2 hari mencari

    ReplyDelete
  58. ane coba dulu kang.

    ReplyDelete
N.B.
1. Berkomentarlah dengan sopan.
2. Dilarang membuat spam, terutama yang mengandung SARA/ Pornografi/ Judi dan Iklan.