Sunday, December 11, 2016
cara membuat tombol search unik dengan CSS
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/AVvXsEjIw4AYleeDu3jfCpj_MkidEcwRhNLca-uRFPsIwCg5983R4BZxEu3Be3QQAP_mN4ZMw9ZHDuG1oAIDjqKq8YbIqDZSk8rsVpSOBGCkNBwAPvhwmYpzxZ-KEt14X7XfQiDB509rnoLm_GY/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 ^_^
Go to link Download
