Blogger için alternatif site içi arama kodu

Posted on Wednesday, September 21, 2011 by Unknown
Bildiğinizi üzere Blogger'ın site içi arama kutusu istendiği gibi çalışmıyor. Bana göre yazıyı bulmak için yazının adını tam olarak yazmak veya içerdiği bir kelimenin aynısını yazmak gerekiyor ama ziyaretçiden ziyaretçiye bu değişir, yani yazacağı şey yazmak istediği şey.



Bunun kolay bir yolu var, ben nereden bulduğumu da unuttum :) Temanızın kendi arama kutusuna Google Aramasını entegre edeceğiz.



Normalde bir searchbox kodu şöyle birşey olur.



<div id='searchbox'>
     <form action='search/' method='get'>
    <div class='content'>
     <input class='textfield' name='q' size='24' type='text' value=''/>
     <input class='button' type='submit' value=''/>
    </div>
   </form>
   </div>


Şimdi bu kısmı aşağıdaki kod ile değiştireceğiz. Öncelikle http://www.furkanozden.blogspot.com/ yazan kısmı kendi sitenizin adresi ile değiştirin.



Aşağıdaki kod:



<form action='http://www.google.com/search' id='searchform' method='get'>
  <div id='searchbox'>
    <input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Arama yapmak için tıklayınız&quot;;}' onfocus='if (this.value == &quot;Arama yapmak için tıklayınız&quot;) {this.value = &quot;&quot;;}' type='text' value='Arama yapmak için tıklayınız'/>
    <input alt='Arama' id='searchsubmit' name='sitesearch' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDkMNYlxiaRFTPvi0WF9uxxiNiSe-XOaT-UbJ9RqnDKhIh2xi8BPUlKfXaGJfjuhe7zRMZ7EG7CDqlj-DnlLPsbB5342xHpMRVhApzMtuZiLm_5HGkRZeFAdyLXXpzr6KI-Lcmsry2GT0Q/s1600/search.png' style='margin: 2px 0 0 0;' title='Arama' type='image' value='furkanozden.blogspot.com'/>
  </div>
</form>


Burada ben size kendi temamda kendi düzenlediğim kodu verdim mesela method kısmı site kısmı felan kendinize göre değiştirmeniz lazım, kod uydurma yani başka yerde bulamazsınız :) Buradaki koda bakıp kendi kodunuzu düzenleyin. Ben size nasıl birşey yapmanız gerektiğini açıkladım sadece :) Kalın sağlıcakla.
Categories: , , , , ,

0 yorum:

Post a Comment

Subscribe to: Post Comments (Atom)