Memasang Search Box pada blog sobat sangatlah penting, karena search blog ini dapat memudahkan para pengunjung blog untuk mencari artikel di dalam blog. Jadi sangatlah wajib hukumnya untuk seorang pencinta blog agar memasang Search box. Nah pada artikel kali ini akan saya bagikan search box yang menarik yang bisa sobat pasang di dalam blog sobat.
Search box yang akan saya bagikan ini memiliki berbagai warna yang bisa sobat ganti, Gambar di atas hanyalah beberapa warna saja, sebenarnya search box ini bisa diberi warna apa saja sesuai keinginan hati sobat.
Jika sobat tertarik untuk memasang search box yang elegan ini, mari kita mulai:
1. Pastikan sobat mempunyai blog untuk di pasang search box ini ( ya iyalah )
2. Kemudin sobat login bada blogger.
3. Setelah masuk pada dasbor blogger, klik menu Tata Letak.
Semoga artikel ini dapat bermanfaat untuk sobat blogger semua, jika ada pertanyaan tentang artikel ini, silahkan tuliskan pada komentar yang ada di bawah artikel. Terimakasih
Search box yang akan saya bagikan ini memiliki berbagai warna yang bisa sobat ganti, Gambar di atas hanyalah beberapa warna saja, sebenarnya search box ini bisa diberi warna apa saja sesuai keinginan hati sobat.
 |
| Kode Warna Lain Search Box |
Jika sobat tertarik untuk memasang search box yang elegan ini, mari kita mulai:
1. Pastikan sobat mempunyai blog untuk di pasang search box ini ( ya iyalah )
2. Kemudin sobat login bada blogger.
3. Setelah masuk pada dasbor blogger, klik menu Tata Letak.
4. Di dalam Tata Letak, sobat klik Tambahkan Gadget, setelah muncul jendela kecil kumpulan gadget, sobat cari gadget HTML/Javascript dan klik Tambah.
5. Pastekan kode di bawah ini pada kolom yang telah di sediakan.
<style>#search-box {position: relative;width: 100%;margin: 0;}#search-form6. Sesuaikan ukuran search box dengan template sobat, setelah semuanya selesai di atur, klik Simpan.
{height: 40px;border: 1px solid #999;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #fff;overflow: hidden;}#search-text
{font-size: 14px;color: #ddd;border-width: 0;background: transparent;}#search-box input[type="text"]{width: 90%;padding: 11px 0 12px 1em;color: #333;outline: none;}#search-button {position: absolute;top: 0;right: 0;height: 42px;width: 80px;font-size: 14px;color: #fff;text-align: center;line-height: 42px;border-width: 0;background-color: #4d90fe;-webkit-border-radius: 0px 5px 5px 0px;-moz-border-radius: 0px 5px 5px 0px;border-radius: 0px 5px 5px 0px;cursor: pointer;}</style><div id='search-box'><form action='/search' id='search-form' method='get'
target='_top'><input id='search-text' name='q'
placeholder='sigitseo....' type='text'/><button id='search-button'
type='submit'><span>Search</span></button></form></div>
Semoga artikel ini dapat bermanfaat untuk sobat blogger semua, jika ada pertanyaan tentang artikel ini, silahkan tuliskan pada komentar yang ada di bawah artikel. Terimakasih
EmoticonEmoticon