Bu gün sade ve kullanışsız temaları şık bir görünüm haline getirecek bir arama motoru paylaşacağım,arama kutusunun çalışması için http://malikcanbalaban.blogspot.com yazan yere kendi blog adresini koyduktan sonra aktif olacaktır,istediğiniz yere koyabilirsiniz. |
Demo Aşağıdadır.
Kod;
<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://malikcanbalaban.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>
Benzer Aramalar:Blogger ara kutusu,Blogger arama motoru,blog ara eklentisi.
Yorum Gönder