mas template

Membuat Kotak Pencari/Search di Blogspot

Sore hari yang mendung, mungkin sebentar lagi hujan. Daripada sebentar lagi listrik mati, mending saya tulis saja artikel ini walaupun mungkin temen-temen semua sudah tahu semua, Saya yakin temen-temen semua pasti sudah tidak asing lagi dengan yang namanya search box. Karena kita rata-rata mencari alamat website atau informasi dengan tool ini.

Secara singkat, search box adalah sebuah tool yang digunakan untuk mencari data-data atau alamat website dengan memasukkan kata kunci yang ingin kita cari. Namun search box atau kotak pencari yang biasa kita gunakan hanya memungkinkan kita untuk mencari data di mesin pencari seperti Google, Yahoo, dan MSN. Lalu bagaimana kalau kita ingin mencari data hanya pada blog kita saja?

Mungkin sekarang sudah banyak template yang sudah disediakan kotak pencari atau search box. Tapi bagi template yang tidak dilengkapi dengan fasilitas ini. Anda juga bisa memasangnya sendiri dengan cara sebagai berikut:

1. Login ke Blogger. Klik menu Design -> Page Elements. Lalu klik pada Add a Gadget.

2. Klik Add a Gadget -> HTML/Java script


3. Masukkan kode dibawah ini kedalam kotak dan klik Save
<p align="left">
<form id="searchthis" action="ALAMAT URL BLOG/search" style="display:inline;" method="get">
<strong>NAMA KOTAK<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>
Ganti ALAMAT URL BLOG dengan alamat URL blog Anda. Misalnya, http://creatingwebsite-maskolis.blogspot.com dan ganti NAMA KOTAK dengan nama yang ingin Anda tampilkan pada kotak. Misalnya, Cari >artikel disini, Cari disini, dan lain-lain.

4. Jika sudah selesai, klik Save lalu klik View Blog untuk melihat tampilannya di blog.


Jika Anda merasa kotaknya terlalu panjang atau pendek. Anda bisa mengubah ukurannya dengan mengganti nilai pada size. Anda juga bisa mengganti nama tombol Search dengan nama lain misalnya, Cari atau lanjut. Sebagai contoh, saya mengganti "size=30" dan "value=cari" maka hasilnya akan seperti yang dibawah ini.

Semoga bermanfaat
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

15 comments:

  1. gan gimana cara masang kotak pencarian GA kaya punya agan ???

    ReplyDelete
  2. @fahrinclimber:
    Login ke adsense anda, kemudian klik pencarian adsense trus buat search for adsene sesuai selera

    ReplyDelete
  3. wah mantap infonya ne ...terima kasih gan

    ReplyDelete
  4. sob kalau buat pencariannya supaya max result 3 gitu gimana ya scriptnya?

    ReplyDelete
  5. Terimakasih gan :D kunjungi blog saya http://memilkyway.blogspot.com

    ReplyDelete
  6. Klo tombol "cari" berada di samping, gimana caranya?

    ReplyDelete
  7. terima kasih untuk panduanya.. tolong silaturahmi ke blog ane
    http://kerjadapetdollar.blogspot.com

    ReplyDelete
  8. nice inpoh gann,, mampir jg ke blog ane jngn sunkan2 http://bengkel-download.blogspot.com/

    ReplyDelete
  9. thanks atas infonya gan, bermanfaat banget.
    intip2 yuk http://ztrcommunity3.blogspot.com

    ReplyDelete
  10. terima kasih atas infonya
    ngefek>> http://nomor2.blogspot.com/

    ReplyDelete
  11. manteep infonya dan mohon u/ ijin sedot gan, terima kasih

    ReplyDelete
  12. mas kolis mau tanya, bila pencarian yang ada dikotak search tidak ada gimana menambahkan kalimat misalkan seperti Tidak ada produk yang sesuai dengan kriteria pencarian !apakah ada script tambahan? mohon pencerahan nya,,

    ReplyDelete
  13. Sukses mas membuat kotak search nya makasih banyak.
    jika ingin lihat hasilnya kunjungi http://www.30-days-future.blogspot.com

    ReplyDelete

No comment moderation in this page
Do not put the link in this comment, I'll make it disappear forever
I hate when people play cheat to increase their blog, meanwhile everyone else do it politely and honestly

 
CREATING WEBSITE © 2012 the other blog Mas Template | Look at this Johny Template | Powered by Blogger