Blogger Şık Bir Arama Motoru

   Merhaba arkadaşlar blogunuz için sade ve şıklığına diyecek olmayan bir arama motoru paylaşıyorum.Bu eklentiyi bir kaç blogda görmüştüm ve çok ilgimi çekmişti.Sonunda kodlarını elde ettim ve paylaşmak istedim.
  Kod içerisindeki www.forumzan.net yerine kendi site adresinizi yazıp kullanabilirsiniz.Bir konuya açıklık getirmek isterim.İnternetteki arama motoru kodlarında bir sorun farkettim;arama yaptığınızda yeni bir sekme açılıyor,site içerisinde değilde google'da arama yapıyor gibi sorunlarla karşılaşıyorduk.Bu eklentimizde bu sorunlar olmamakta.Kodu temanızda görmek istediğiniz yere yerleştiriniz.
Demo:

  Kodlar arasında width:%85 kısmı uzunluk değeridir buradan kendinize göre uyarlayabilirsiniz.
Kodlar:

<style>
#searchform{width:300px}
.txtSearch{width:160px; margin:-2px 0 9px 9px; background-position:0 -29px}

.txtSubscribe, .txtSearch{width:85%; 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://forumzan.net/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>

İlgili Aramalar:blogger arama motoru, blogger eklenti, blogger, arama, site arama, motor, arama çubuk, arama kutusu, search box, sesli arama motoru, site için arama motoru, arama kutusu eklentisi

Bu Yazıyı Beğendinizmi?