Blogunuza/Sitenize Arama Kutusu Yapın

Gönderen Yasin 19 Nisan 2009 Pazar


Blogunuza ekleyeceğiniz arama kutusuyla ziyaretçilerinizin blogunuzdaki yazılarınıza daha ulaşmalarını sağlayabilirsiniz. Hla blogunuzda arama kutunuz yoksa bu yazıda anlattıklarımı blogunuza uygulayabilirsiniz. Sitenize arama kutusu eklemek için bir çok yöntem mevcut. Şimdi Tam Bir Blog farkıyla sizlere hangi kodlarla arama kutusu yapılabileceğinizi anlatacağım.
Arama kutusu yaparken 3 farklı yöntemimiz var.

1. Yöntemin Kodları: Sade bir arama kutusu istiyorsanız tam size göre.

<form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="Ara" type="submit"/></form>

Birinci Arama kutusunun görünümü



2 Yöntemin Kodları: Temanıza göre düzenleyebilceğiniz, biraz daha uyum arayanlar için.


<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" type="text" style="background: #ccccff; border: 2px solid #000066"><input id="search-btn" value="Ara" type="submit" style="background: #000066; border: 2px outset #ff0000; color: #ffffff; font-weight: bold;"></form>

Mavi kodlar arama kutusunun rengini ve stilini belirliyor. Renk kodlarıyla istediğiniz gibi değpiştirebilirsiniz.
background: #ccccff; border: 2px solid #000066 arama kutusnun içi ve çarçevesinin regini belirler.
background: #000066; border: 2px outset #ff0000; color: #ffffff Arama butonun ve arama butonu çerçevesinin rengini belirler. Renk kodları için bu sayfaya bakabilirsiniz.


İkinci Arama kutusunun görünümü




3. Yöntemin Kodları: Bu kod ise arama butonu yerine resim koymak isteyenler için ideal.

<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text" value="Blogumda Ara"><input id="search-btn" value="Search" type="image" src="http://img10.imageshack.us/img10/4905/searchpng.jpg" style="margin-left: 5px; margin: 3px 0 0 5px;"/></form>

Mavi Urlsdeki butonu ben yaptım. Siz kendi buton resminizle değiştirebilirsiniz.

Üçüncü Arama kutusunun görünümü:




Şimdi ise bu kodları nasıl yerleştirebileceğinizi gösterelim. Çok basit bir yöntemle arama kutusunu blogunuza yerleştirebilirsiniz. Yerleşim--->Sayfa Öğeleri---->Gadget Ekle---->HTML/JavaScript seçelim. Html/Javacript içine de uygulamak istediğiniz arama butonunun kodlarını yapıştırabilirsiniz.

Arama kutularını umarım beğenmişsinizdir...


Yazıyı İmle
Digg Technorati Stumble This Twitthis Del.icio.us Furl Reddit

17 yorum

  1. mit Dedi ki,

    Teşekkürler, bende bunu arıyordum. Ellerine sağlık...

    19 Nisan 2009 20:30

     
  2. Şenay- Doğam Dedi ki,

    Benim şablonumda bir arama kutusu var.. bunu kaldırıp..3. şıkkı koymak ıstesem , sorun olur mu ? olmaz dersenız :) şablonda kı nasıl gıdecek soruma da zemın hazırlamıs olursunuz :)

    21 Nisan 2009 01:36

     
  3. Yasin Dedi ki,

    @Doğa bence temanın arama kutusuna hiç dokunma çok güzel... Ben bu kodu temasında kod olmayan arkadaşlar için verdim.. Teman için gayet şık bence...

    21 Nisan 2009 01:41

     
  4. Şenay- Doğam Dedi ki,

    Tamam o zaman ...:)

    21 Nisan 2009 02:14

     
  5. elifinmutfagi Dedi ki,

    hızır gibisin azizim:))
    saol ellerin dert görmesin..

    21 Nisan 2009 20:39

     
  6. Yasin Dedi ki,

    :D teşekkür ederim tekrar

    21 Nisan 2009 22:14

     
  7. Nur Dedi ki,

    teşekkürlerrr :)

    3 Mayıs 2009 13:32

     
  8. Yasin Dedi ki,

    Saol Nur...

    3 Mayıs 2009 14:44

     
  9. Haydi mutfağa Dedi ki,

    hemen bloğuma 3. arama kutusunu ekledim.sağolun

    14 Mayıs 2009 23:32

     
  10. Yasin Dedi ki,

    Hayırlı olsun...

    15 Mayıs 2009 00:06

     
  11. ozerella Dedi ki,

    hemen 3. yü ekledim çok güzel ve çok anlaşılır anlatıyosunuz teşekkürler

    25 Mayıs 2009 19:45

     
  12. eD Dedi ki,

    ozy :D seni bloguma ekledim sitenin bannerini sanada bir katkımız olsun demi :D

    25 Mayıs 2009 22:58

     
  13. Teşekkürler!

    24 Haziran 2009 02:35

     
  14. Uğur F. Korkmaz Dedi ki,

    bende blogun kendi arama kutusu var ama sonuçlar çıkmıyor sayfamda hiçbirşey bulmuyor bunu nasıl düzeltebilirim?

    22 Eylül 2009 04:43

     
  15. MMK Dedi ki,

    arama kutusunu koydum güzelde oldu ama (film bloguna) varolan filmleri bulmuyor sebei nedir.

    26 Ocak 2010 10:08

     
  16. Ömer_SD Dedi ki,

    Artık cevap yazmıyor musunu?
    Ben de ekledim ama yalnızca ana sayfadaki konuların başlık isimlerini aratınca buluyor. Eski konuları bulan bişey yom mu?
    iyi çalışmalar dilerim...

    21 Temmuz 2010 12:14

     
  17. Kurtuluş Durgun Dedi ki,

    teşekkürler...

    http://cepblogu.blogspot.com adresimi ziyaret edebilirsiniz...

    19 Kasım 2010 17:43

     

Yorum Gönder

Son Yazılar

Son Yorumlar

Translate

İzleyiciler