Membuat kotak search dengan efek jquery

 1.Log in ke Blogger.
2.pilih tambah  gadget HTML/JavaScript
3.copy paste code script di bawah ini

<style>#search input[type="text"]{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCWtHaf3EU3L2FFHKGyqKgHZKdB0D1kRW4e-6MHKB2pZsx1J5bTl3bXWBFYf1msI2EKMUEQqgp9vYBU2Xh-9Qgf2O9V2hL5OiyPZMDkvScO2eY3i-55O8F53PA6GIw88qQyH6vIrBULH8/s35/search.png) no-repeat 8px 6px;border:1px solid #434343;font:16px Times New Roman,Helvetica,Sans-serif;color:#434343;width:190px;padding:6px 15px 6px 35px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.3),inset 0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 0 rgba(255,254,255,0.3),inset 0 1px 3px rgba(0,0,0,0.2);box-shadow:0 1px 0 rgba(255,255,255,0.3),inset 0 1px 3px rgba(0,0,0,0.2);-webkit-transition:all .7s ease 0s;-moz-transition:all .7s ease 0s;-o-transition:all .7s ease 0s;transition:all .7s ease 0s}#search input[type="text"]:focus{width:225px}</style>
<form method="get" action="/search" id="search">
<input name="q" type="text" size="40" placeholder="Search..." />
</form>
Membuat kotak search dengan efek jquery

Posted by: Risalahati Dedic Ahmad Updated at: 21:23