Halo Sahabat Bayoe Semua,
Search Box dalam bahasa Indonesia berarti kotak pencarian. Kotak pencarian merupakan sebuah tools yang dapat mempemudah pengunjung dalam menemukan artikel yang ingin di baca. Oleh karena itu, Tutorial blog yang akan disampaikan Rinjani Lovers adalah tentang cara membuat kotak pencarian pada blog. Kotak pencarian yang di tawarkan hari ini, memiliki tampilan yang sangat simple atau sederhana. Mungkin karena memiliki tampilan yang sangat sederhana, sehingga banyak blog memasang kotak pencarian ini.
Berikut ini tampilan dan kode dari masing-masing kotak pencarian :
Kotak Pencarian 1
Kotak Pencarian 2
Kotak Pencarian 3
Kode Kotak pencarian 1
<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>
Kode Kotak pencarian 2
<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>
Kode Kotak pencarian 3
<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/AVvXsEh_E8PylqVKaY5g8rTbENF9dB5ghf3yvuaTMGT95axXD5jZ43KOSUpbAyfOvWRf8wJbFMCqOPcx-erXhahp0l4ZO-jO75mG8EwWKCbMhFzLMklEj1VkUA4_U-n1DMff375EmVkYJOVIIYw/s1600/magnifier.png" style="margin-left: 5px; margin: 3px 0 0 5px;"/></form>
Copy salah satu kode dari kotak pencarian tersebut, letakkan kotak pencarian tersebut di kolom widget/gadget.
Klik disini jika ingin mengetahui hal yang lain tentang Blog
Jangan lupa berkunjung lagi dan ikuti ya web ini gan.
