Ads Top

Blogger İçin HTML Arama Kutusu

Blogger'da kullanabileceğimiz çok sade ve  kullanışlı bir arama kutusu için aşağıdaki kodları kullanabilirsiniz.

Not: Kodların içinde bulunan 'galaksirehberim.blogspot.com' yazısını, kendi blog adresiniz ile değiştirmeniz gerekiyor.

<h2 class='title'>Ara</h2>
<div class='widget-content'>
<style>
#searchform{width:240px}
.txtSearch{width:160px; margin:0px 0 9px 0px; background-position:0 0px}
.txtSubscribe, .txtSearch{width:80%; height:26px; float:left; background:url('https://lh3.googleusercontent.com/-zhqaJQfkhnw/VVhl8eVphhI/AAAAAAAAQw0/t597LXugZjk/s37/r2znp.png') no-repeat; margin-top:0px; 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://galaksirehberim.blogspot.com/search/' id='searchform' method='get'>
<input type="text" class="txtSearch input-text" name="q"  placeholder="Ara..." x-webkit-speech="x-webkit-speech" onwebkitspeechchange="this.form.submit();" />
</form>
</div>
<div class='clear'></div>
Blogger tarafından desteklenmektedir.