15 Juli 2012

Cara Memasang Kotak Pencarian atau Box Search di blog

search box, kotak pencarian, memasang kotak pencarian, widget kotak pencarian, gadget, widget, menambahkan kotak pencarian

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  Tips Gratis 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/AVvXsEhWh_KvFw4ylX9xTShLylK23GmrV5q7ZvAILsvVYH0Zl2IqEcLlbuH0dGqLuTIa_-E55KJzgptckFZFZToifq9wWa0fcBvZwKgiLvC1v6dvVUKMpEiefSoTIpeDIrZxo6GxC9v83Lev7dU/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.


EmoticonEmoticon