Cara Bikin Search Box atau Kotak Pencarian di Blog

Kotak Pencarian atau Search Box bisa disebut sebagai kebutuhan dasar dari sebuah blog. Dengan adanya kotak pencarian, pengunjung blog akan lebih mudah menemukan postingan atau artikel yang mereka cari atau butuhkan. Kalau sobat blogger sering melakukan Blog Walking dari satu blog ke blog yang lain, pasti sobat blogger tidak pernah menemukan blog yang tidak memiliki kotak pencarian, terkecuali blog baru. Search Box atau Kotak Pencarian yang saya siapkan ada tiga bentuk, setiap bentuk memiliki tampilan yang berbeda dan tampilan untuk setiap Search Box ini sangat sederhana.

kali ini admin akan menyediakan 3 pilihan sbb :

1
<br /> <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>

2
<br /> <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>

 3
<br /> <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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLaCJfWgTir4sKjpBG10wP12Etd6oU0MficEjFKXdnTKNl2QwDjVtIcT8yxwBrKjAyGTpwqqD2d-XxvOmPIAs5nc7__OYs4BFd1uTpCLpke_VHznk7wdTQVO7X6-5vdvoeJ7HuNvdLcw/s1600/magnifier.png" style="margin-left: 5px; margin: 3px 0 0 5px;"/></form>

Search Box di atas bisa sobat  letakkan di kolom widget atau gadget.

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest

Artikel Terkait