Tentunya para blogger telah mengetahui bahwa di blogger sendiri telah menyediakan widget fitur pencarian/search.
Nah, yang ingin merubah widget fitur pencarian/search tersebut dengan yang lebih Simple namun Elegant, saya akan membagikan script fitur pencarian/search untuk para blogger.
Untuk tampilannya dapat anda lihat sendiri di fitur pencarian/search milik saya.
Tanpa panjang lebar lagi, berikut script untuk widget fitur pencarian/search
<div>
<style type="text/css">
#search{padding:0}#search input[type="text"]{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinhHZMpklCJqCXPvLoh0y8C48hcKyFCks97YPR8TGeEMEL6rSzuikZXD1FAEXWs7GcErb8_1U7rAs_Y9R29iXB6l55mGX7FiPjXy6Wjas_tYMTBHjJTSes2CEPoXpQHq3dHZ4MqM1dmQLk/s20/Search-icon.png) no-repeat 5px 5px #fcfcfc; border:1px solid #ddd; font:bold 12px Arial,Helvetica,Sans-serif; color:#888; width:210px; padding:6px 15px 6px 35px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; text-shadow:0 2px 3px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.15) inset; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.15) inset; box-shadow:0 1px 3px rgba(0,0,0,0.15) inset; -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:210px}
</style>
<center><form method="get" action="/search" id="search">
<input name="q" type="text" size="50" placeholder="Search Here..." /></form></center>
</div>
Happy Blogging
