cara membuat tombol search unik dengan CSS

wew wew. masih sempet aja UTS gue bagi-bagi trik. ya lah namanya juga gue gitu loh xD

udah deh gak kelamaan. pertama masukkan CSS ini. di ]]></b:skin>

#search input{margin-top: 0px; margin-right: -20px; position: relative;} #search input[type="text"] { background: white url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcSR2jTcc0ZQWYaR9ywpJMp1sRb0Tn9kLCnYI6SXUK90vGm_LQ3sQo_rAHfm0kSJzbBPu83DbUWijZSzSkqsFfa87uJuC1NQ_-9ONGI-V53e-sM91SrBhCSL181SJ79QyILcfax7Y9PGA/s1600/SEARCH_32x32-32.png")no-repeat center left; font: 14px Audiowide; color: #222; width: 150px; padding: 16px 15px 14px 35px; float: right; border-radius: 50px; border: 1px solid #F60; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; margin-top: -2px; }

terus masukkan script ini ke tempat yang kalian suka. di java script bisa juga kok. sesuai kreasi kalian aja

<form action='/search' id='search' method='get'>

<input name='q' placeholder='Search...' size='40' type='text'/>

</form>

udah ya gitu aja. kumohon dengan plis. jangan sembarangan copas yach. plissss ^_^