google arama kutusu oluşturma |
Web site tasarımları yapılırken olmazsa olmazlarından biri de arama kutu sudur. Ziyaretçi blogunuza ya da web sitenize uğradığında , blogunuz içinde bir arama yapmak istediğinde bu arama kutularını kullanır.Bu daha ziyaretçinin sitenizde daha çok zaman geçirmesi anlamına gelir.Hatta bu arama kutuları o kadar geliştiki wordpress tabanlı siteler de sesli arama eklentisi dahi yapılabilmekte. Google arama moturunda da bu mevcut.
Ben de bu yazımda Blogger veya herhangi bir web sitesi için, blogunuz için bir arama kutusunun nasıl yapılacağından bahsedeceğim.Aslında Kurduğunuz Tema'lar da bu arama kutuları mevcut.Fakat siteniz için bu google özel arama kutusunuda kullanabilirsiniz.
Arama kutusunu nasıl oluşturacağız.Öncelikle :- https://www.google.com/cse/create/new adresine gidiniz. Siteye girdiğiniz zaman sizi aşağıdaki resimdeki bir ekran karşılayacaktır.
Google arama kutusu ayarları |
- Bu ekranda En baştaki texbox'a blogunuz adresiniz giriniz.
- Blogunuzun dilini seçiniz.
- Oluştur butonuna tıklayınız.
google arama kutusu ayarları 2 |
- Oluştur butonuna tıkladıktan sonra yukarıdaki resimdeki ekranla karşılacaksınız. Bu ekranda İsterseniz adı değiştir yazan butona tıklayarak arama kutunuzun adını değiştirebilirsiniz.Yani Arama kutusunda yazan google özel arama yerine ara bakalım görünümünü oluşturabilirsiniz.
- Oluştur Butonuna tıklayarak devam arama kutumuzu oluşturmaya devam ediyoruz.
- Karşımıza yukarıdaki resimdeki gibi yeni bir ekran gelecek.
- Arama kutumuzu oluşturduk.
- 3 farklı seçenek bizi burda karşılamakta.Sitenize ekle , web de görüntüle , değişiklik yapma.Web de görüntüleye basarak nasıl bir sonuç çıktığını görebilirsiniz.
- Biz kodu al butonuna tıklıyoruz.
google arama kutusu ayarları ekleme |
- Kodu al butonuna tıkladıktan sonra karşımıza kod ekranı gelecektir.
- Kodu kopyalıyoruz.
- İstersek blogger yerleşim gadget ekle html javascript ekle sıralamasını takip ederek , bir gadget yardımıyla bu kodları yapıştırabilir ve blogumuzda görünmesini sağlayabiliriz.
- Ya da <body> kodunun içine yapıştırabiliriz.
Bir önceki yazımda Blogger da CSS menü tasarımı hakkında bilgiler verilmektedir.
Sign up here with your email
Yorumlarınız için teşkür ederim Conversion Conversion Emoticon Emoticon