Blogunuza gelişmiş arama kutusu ekleyin

1 Yorum

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

1 yorum:

Yorum yaparken dikkat edilmesi gerekenler:

* Yaptığınız yorumun tamamı büyük harf olmamasına özen gösteriniz
* Yorumlarınız da argo içeren kelimeler kullanmayınız
* Reklam amaçlı yorumlarda bulunmayınız
* Konu dışında iletmek istediğiniz bir şey varsa iletişim formunu kullanın
* Yorumlarınızdan dolayı sizlere teşekkür ediyorum