Blogger Birbirinden Güzel Arama Kutusu Kodları

Merhaba Arkadaşlar Bu Yazımda Sizlere 2 Adet Arama Kutusu Kodunu Paylaşacağım. Gayet Güzeller. :)

Şimdi Vereceğim Kodda www.mucahitsarikaya.blogspot.com Adresine Kendi Adresinizi Yazınız.

<input id='search-box' name='q' onblur='ifundefinedthis.value=='')this.value=this.defaultValue;' onfocus='ifundefinedthis.value==this.defaultValue)this.value='';' style='width:240px;border:none;padding:5px 5px; margin-right:5px; font: 14px Arial;color:#b5b5b5; background:#fff;border:1px solid #ddd;height:20px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;' type='text' value='Sitemiz de aramak istediğiniz kelimeyi girin...' x-webkit-speech='x-webkit-speech'/>

<input align='top' id='search-btn' src='http://p1304.hizliresim.com/18/v/mhdsp.png' type='image' value='Search'/>

</form>

<h2 class='title'>Ne Aramıştınız ?</h2>

<div class='widget-content'>

<style>

#searchform{width:300px}

.txtSearch{width:160px; margin:-2px 0 9px 9px; background-position:0 -29px}

.txtSubscribe, .txtSearch{width:80%; height:26px; float:left; background:url('http://o1308.hizliresim.com/1d/3/r2znp.png') no-repeat; margin-top:10px; padding-left:40px}

.input-text{font-size:11px; border:1px solid #dadada; border-radius:3px; box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.07) inset;}</style>

<form action='http:/mucahitsarikaya.blogspot.com/search/' id='searchform' method='get'>

<input type="text" class="txtSearch input-text" name="q"  placeholder="Arama..." x-webkit-speech="x-webkit-speech" onwebkitspeechchange="this.form.submit();" />

</form>

</div>

<div class='clear'></div>

http:/mucahitsarikaya.blogspot.com/ Yazan yere Kendi web Adresinizi Yazınız.

Konu Alıntıdır Kaynak Site İçin Tıklayınız.