Cara Membuat Kotak Pencarian/Search Box



Cara Membuat Kotak Pencarian/Search Box - Salam sejahtera buat sahabat blogger dimanapun anda berada, pada postingan kali ini bang dadan akan bahas Cara Membuat Kotak Pencarian / Search Box di blog. Kemarin kita telah membahas cara memebuat kotak label menjadi 2 kolom. mungkin semuanya sudah pada tahu baik postingan kemarin ataupun postingan yang sekarang. tapi gak ada salahnya kan sob itung-itung buat tabungan artikel di blog saya saja.
Kotak pencarian / Search box merupakan sarana penting dalam sebuah blog, bahkan kalau menurut bang dadan sendiri adalah kebutuhan pokok yang harus tersedia pada blog. kenapa bang dadan bilang demikian, soalnya kalau ada kotak pencarian/search blog, pegunjung akan lebih mudah menelusuri isi daripada blog kita tersebut. Nah, jadi enak kan kalau ada kotak pencarian/search box. makin betah aja deh pengunjung dan berlama-lama di blog kita. hehe
Oke langsung saja pembahasan Cara Membuat Kotak Pencarian Search Box. simak baik-baik ya??


Cara Membuat Kotak Pencarian/Search Box

Cara Membuat Kotak Pencarian/Search Box
Ada 3 Tampilan kotak pencarian/search blog yang bang dadan baha kali ini. silahkan pilih sesuai keinginan sobat.

  • Pertama *Contohnya seperti dibawah

Kodenya :

<form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="Click to go" type="submit"/></form>

  • Kedua *Contohnya seperti dibawah

Kodenya :

<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" size="25" type="text" style="background: #ffffff; border: 2px solid #cccccc"/><input id="search-btn" value="Search" type="submit" style="background: #cccccc; border: 2px outset #cccccc; color: #000000; font-weight: bold;"/></form>

  • Ketiga *Contohnya seperti dibawah

Kodenya :

<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" size="25" type="text" value="Enter search query"/><input id="search-btn" value="Search" type="image" src="http://4.bp.blogspot.com/-vWpkVR2h76c/TfcpyhyWM-I/AAAAAAAADM0/dD_RRIYxTC0/s1600/magnifier.png" style="margin-left: 5px; margin: 3px 0 0 5px;"/></form>


Cara Pemasangannya :

  • Login ke dasbor blog sobat
  • Pilih Tata Letak
  • Kemudian pilih HTML/Javascript [silahkan lihat gambar dibawah untuk lebih jelas]

Pilih HTML/Javascript

  • Lalu pastekan Kode search box di atas ke dalam HTML/Javascript
  • Klik simpan, Selesai
Sselamat anda sekarang sudan mempunyai kotak pencarian/search box di blog anda. sekian dulu pembahasan kali ini, nanti kita sambung lagi nanti. semoga bermanfaat dan wasalam..!!
Labels: blogger tutorial, Widget

Thanks for reading Cara Membuat Kotak Pencarian/Search Box. Please share...!

0 Komentar untuk "Cara Membuat Kotak Pencarian/Search Box"

Back To Top