Jumat, 03 Mei 2013
- Login Blog
- Tata Letak
- Tambahkan Gadget
- Pilih menu pada gambar berikut di blog anda
<form action="/search" style="display:inline;" method="get">
<input id="s" name="q" type="search" placeholder="Cari Artikel Disini"/>
</form>
<style>
#s {
margin: 0 auto;
-webkit-appearance: none;
-moz-appearance: none;
padding: 12px 48px 12px 12px;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
width: 230px;
height: 35px;
color: #3a4449;
border: none;
outline: none;
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
position: relative;
z-index: 2;
background: #fff
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbAGdQgg_eikD7uBWPeFFOMLeDyJQwSMJm93A1omW085ArfjQ-DFtPNczlslPMej2DhfbBaZ_kWitTrEg3BeUt7GnY3uAEzAkS6PZ0xlpkN8t68nvVkuzkDqToH5rOvb3S4BzEd08ymik/s1600/Search.png)
center right no-repeat;
}
#s::-webkit-input-placeholder, #s:-moz-placeholder {
color: #607078;
}
</style>
Sekian dan Terima Kasih