Search engine box cool

Search engine box cool - Selamat malam sob,kali ini saya akan berposting tentang mesin pencari atau yang sering di sebut dengan search engine, search engine kali ini lebih terlihat sederhana namun terlihat keren penampilanya

oke sob, ini adalah di bawah ini adalah search engine-nya:

aduh billing warnetnya mau habis hehehe, oke langsung aja deh caranya
1. login ke akun blog sobat

2. Klik Tambahkan Gadget dan klik 'HTML/Javascript

3.Masukan kode di bawah tepat di dalam kolom HTML/Javascript

<style type="text/css">
#search{width:268px; border:1px solid #E0DFD9;margin: 0 0 0 0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxES8-xuFrDKRtGQ371BIfpKMIYSsmaDyWFLsPC2OSykHhnuNqEJEhjvp0ZyQcAD-484N2Z7OlolAFwScjsfrhSeQIbzewvboxrC8dgESPD_oFpdWns4VFdp2rNby5FXVsZJcuXwB94Hw/s1600/search-bgg.png) left top repeat-x;height:32px;padding:0;text-align:left;overflow:hidden} 
#search #s{width:80%; background:none;color:#3F3F3F;border:0;padding:4px;margin:3px 0 0 12px;float:left} 
#search .search-image{border:0;vertical-align:top;float:right;margin:8px 4px 0 2px} 
#search-wrap{padding:15px 0} 
.topsearch #search{margin-top:0;margin-bottom:10px}
.social-connect-widget{background:#FFF;border:1px solid #E7E6DE;padding:10px} 
</style>   
<div class='topsearch'> 
<div class='clerfix' id='search'> 
<form action='/search' id='searchform' method='get'> 
<input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search here...&quot;;}' onfocus='if (this.value == &quot;Search here...&quot;) {this.value = &quot;&quot;}' type='text' value='Search here...'/> 
<input class='search-image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9AAuj3c7foSHvVTLN4ze_GxR6jNgShjoLm6dr9cPpLZwu4XWNjXkHBE3E3VGxHtU1Qb49GgRgLwwPXxQOYfA9F_8FYEB6_rWjuP6fXdEExwV_Nz2sucYLzCkP7o0CoiSS7MZXJJwOPVg/s1600/searchico.png' title='Search' type='image'/> 
</form></div></div>

4.Klik Save dan lihat hasilnya, Semoga Bermanfaat...