Sitene Site İçi Arama Kutusu Ekle

Site ve blogların olmazsa olmazıdır arama kutuları. Ziyaretçilerinizin rahatça bloğunuzda gezinebilmesi, aradıklarını rahatça bulabilmesi gerekir. Ziyaretçilerin bir çoğu tasarımı sade olan bloglarda gezinmeyi tercih ediyor. Şimdi sizlere bu sade ve benzersiz arama kutusunu paylaşacağım.

Arama Kutusu nasıl olmalı?

Seçeceğiniz arama kutusu bloğunuzun rengine uygun olmalıdır. Bloğu rengarenk ya da koyu renkli bloğa sahip olanların bu kodu bloglarına eklemesini tavsiye etmiyoruz. Çünkü birbirinden farklı renkteki kodlar sitenin görünümünü bozar ve ziyaretçilerin ilgisini çekmez.

Bloğunuza Eklenecek Kod: <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://faydasizblog.blogspot.com/search' id='searchform' method='get'> <input type="text" class="txtSearch input-text" name="q" placeholder="Faydasız Blog'da ara.." x-webkit-speech="x-webkit-speech" onwebkitspeechchange="this.form.submit();" /> </form></div><div class='clear'></div>

Önizlemeyi Görmek İçin Tıklayın

Kod içindeki http://faydasizblog.blogspot.com/ linkini silip yerine size ait bloğun linkini eklemeniz yeterli olacaktır. Kod bloğunuzun her yerinde çalışacaktır.

Tebrikler! Artık bloğunun arama motoru oldu. Sitende nasıl çalıştığını yorum yaparak bizimle paylaşabilirsin!