Merhaba sevgili blogerler bu yazimda blogunuza daha esnek daha gelismis arama kutusu eklemeniz icin kod paylasacagim...
neden daha esnek daha gelismis ? cunku arama kutusunun uzerine tikladiginizda boyutu degisiyor ve genisligi artiyor.ve bu durumda cok daha profesyonelce daha dikkat cekici olmus olur.
bu arama kutusunu blogunuza eklemeniz cok kolay yapmanaiz gerekenler
admin paneli --> yerlesim --> gadget ekle ---> HTML/JavaScript
ve kopyaladiginiz asagidaki kodu yapistirmaniz :)
bu akdar
<style type="text/css">
#search{padding:0}#search input[type="text"]{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigDdLzqgtv-g3FE3-o85zyYpZIr-pRoa-TUZ5hivEUp8DXbg6bSs4P-uPiO8wia7LA0_2uWvOK2oa_XnThgxThg7Y0RGwrFsYFsKNWVJRh-hu3O34ejVv_4DzjI6dpz7AkjZXgrrpenAjW/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:240px}
</style>
<center><form method="get" action="/search" id="search">
<input name="q" type="text" size="50" placeholder="Arayan Bulur" />
</form></center>
Konu Hakkında yorumlarınızı bekliyorum
Elinize sağlık süper olmuş...
YanıtlaSil