WP Sitenize Sesli Arama Özelliği Ekleyin ~ AyQo Blog
  • Ücretsiz Mobil Chat ScriptiÜcretsiz chat sitesi açabileceğiniz bir script yazmak istedim.
  • LOL İtibar Puanı KasmaDünyanın en çok oynanan ve takip edilen oyunu LOL konusunda söylemek istediğim birkaç şey var.
  • Online Anti-Virüs Tarama ve Koruma SiteleriFirmalar arası rekabet sonucu ortaya çıkan çevrim içi veya Online tarama sisteminizi korumaya yardımcı olabilecek düzeyde.
  • Çoklu Skype Açma Programsız (Resimli Anlatım)Windows live'dan kalan bir alışkanlıktır Messanger'de çoklu oturum açmak.
  • PHP Youtube Bot YapımıPHP ile Youtube'dan video bilgilerini çekme işlemini çok basit kodlarla anlatacağım.
1 2 3 4 5

19 Ocak 2012

Yazan AyQo


WordPress tabanlı sitenizin arama kısmına hiçbir tasarım veya eklenti eklemeden sadece bir iki kod ile sesli arama özelliğini ekleyebilirsiniz. HTML5′in güzelliklerinden yararlanarak sitemize sesli arama ekleyebiliyoruz.
Aşağıdaki arama kodunu sitenizin tasarımında bulmamız gerekiyor, genellikle aynı şekilde ve search.php veya searchform.php şeklinde bir dosyanın içerisinde olur…
<input type="text" id="s" name="s" />
Arama kutunuzun kodunu bulduktan sonra sonunda yer alan “/>” tagından hemen öncesine aşağıdaki kodu yapıştırın.
x-webkit-speech="x-webkit-speech" onwebkitspeechchange="this.form.submit();"
Kodu ekledikten sonra en üstteki kod ile beraber en son şekli aşağıdaki gibi olacaktır.
<input type="text" id="s" name="s"
x-webkit-speech="x-webkit-speech" onwebkitspeechchange="this.form.submit();" />
Kodumuz bu şekli aldıktan sonra işlem bitmiş oluyor :)
HTML5 destekleyen tarayıcılar ile google‘i ziyaret ettiğinizde arama kısmının sağ tarafında mikrofon simgesine tıklayıp sesli aramayı deneyebilirsiniz.
Not:Sadece HTML 5 destekleyen taryacılarda çalışır. Örneğin, Chrome

3 yorum:

  1. Çok sağol kardeşim.Sayende yaptım :)

    YanıtlaSil
    Yanıtlar
    1. Rica ederim. Teşekkürler güzel yorumların için.

      Sil
  2. Bu özelliği şimdi kullanamıyorum. Neden Acaba? :(

    YanıtlaSil