 |
| Blogger özel arama kutusu eklentisi |
Bu yazımda Blogger blog sayfalarına eklenen arama kutularından bahsettim... Web sitelerin çoğunluğunda site içi arama yapılabilen arama kutuları yer alır. Bu arama kutuları sayesinde site içerisinde istenilen konuların araştırması yapılır. Tabi aynı şekilde Blogger bloglarında da bu eklentiler mevcuttur.
 |
| Blog araması eklentisi |
Daha önce Google Özel arama eklentisinden bahsetmiştim. Bu eklentinin görünümünü kolayca düzenlemek mümkün. O yazımda burada.
Tabi alternatif seçeneklerin olması her zaman iyidir. Örneğin dün sebepsiz yere kendi blogumda da kullandığım Google Özel arama eklentisinin düzgün çalışmadığını fark ettim. Başka blogları kontrol ettim ve sorun herkes için geçerli. Bu sorun ile birlikte hemen arama kutusu eklentisi araştırmasına girdim ve ufak bir düzenlemeyle şöyle bir arama kutusu bloguma ekledim.
Tabi bu eklentiyi de hemen sizinle paylaşmak istedim.
<style type="text/css">Kendi blogunuza eklemek için ise; "Yerleşim" kısmından "Gadget Ekle" seçeneğini seçin ve ardından HTML/JavaScrpt bölümüne yukarıda yer alan kodları ekleyin. Daha sonra kaydederek blogunuzu kontrol edin. Oldukça basit yani.
#searchbox{width:300px;background:url(http://i.hizliresim.com/Ja4koo.png) no-repeat #576269}#searchbox input{outline:none}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}#searchbox input[type="text"]{background:transparent;border:0;font:14px "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,"AppleGothic",sans-serif;color:#f2f2f2!important;padding:15px 40px 10px 20px;width:220px}#searchbox input[type="text"]:focus{color:#fff}#button-submit{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrvgHf27YHK1LsQ8ih3MhmpziyuAbeHpjEwrIpS3Vuw70HgrLMF08KJMbst61SNfl_muRHUaCNloqLPXsbDTUaj0FPDGg9_EDPeAauorkYx9FMt0mAPPKKND_Qz-G0vWpiciLB24WpsRlG/s1600/search-icon.png) no-repeat;margin-left:-25px;border-width:0;width:40px;height:50px;cursor:pointer}#button-submit:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEz0byOoCrB4A3ha797rS9T16pIq0UuHDYVcFraggp2a8KD1AcjnHGhBdeE9ojtSSSoxGyuE8J-IujYmw8iHxWuuyO7nMo2weRlKAV_wgdQG3RTKXLf98m5yZpzpxCk59pDvfv1qgKXQ9O/s1600/search-icon-hover.png)}
</style>
<form id="searchbox" method="get" action="/search" autocomplete="off"><input name="q" type="text" size="15" placeholder="Aranacak kelime..." /><input id="button-submit" type="submit" value=" "/></form>
Düzenleme
Ben standart bir görünüm olsun diye 300px genişliğinde ayarladım eklentiyi. Siz yukarıda kırmızı renkle belirtiğim 300px ve -25px değerlerini değiştirerek kendinize göre eklentinin genişliğini düzenleyebilirsiniz. Ayrıca kırmızı renkle belirttiğim linkteki resmi düzenleyebilir ve gri renkli arka planı da #576269 renk kodunu değiştirerek ayarlayabilirsiniz.
Konuyla ilgili sorularınız olursa yorum yaparak bana bildirebilirsiniz.
Şu an için bu eklentiyi kullanıyorum ama daha sonra Google Özel arama eklentisi düzenlendiği zaman tekrar o eklentiyi kullanacağım.
Bu yazımın ardından "Blogger için "email ile abone ol" eklentisi" başlıklı yazımı da bi' kontrol edin derim...
Navbar'da mevcut. Ben onu kullanıyorum. Blogcular navbar'ı da kaldırıyorlar. Fakat ben seviyorum. Oradan kontrol paneline geçilebiliyor.
YanıtlaSilÇoğu kişi navbar eklentisini sevmiyor maalesef...
SilBenim Google Özel Arama çalışıyor bir sıkıntı görünmüyor. Acaba anlık bir sıkıntı mı olmuştu ki?
YanıtlaSilDün tekrar düzeldi. Yani bir günlük bir sorundu. Dün akşam tekrar bende kullanmaya başladım..
SilSanıyorum arada sistemde bazı bölümlerde sıkıntı oluyor.. sonra yine düzeliyor.. ben de anlam veremiyorum.. Bu arama butonu sadece Blog Tecrübemde aranacak sözcüklerle ilgili sanırım. deneme yaptım çünkü :)
YanıtlaSilEvet bazen güncellemeler yapıyor Google. Ama nedense hep zorluk çeken biz Blogger kullanıcıları oluyoruz maalesef. Bu eklentiyi kendi blogunuzda da kullanabilirsiniz. Herhangi bir arama yapıldığında sizin blogunuzdaki sonuçları gösterecektir.
SilGüzel sade bir eklenti olmuş. Özellikle site içi arama yapması tercih sebebi olabilir. teşekkürler
YanıtlaSilBu yorum bir blog yöneticisi tarafından silindi.
YanıtlaSilLütfen yorum kurallarına uyun. Blogunuzun tanıtımını yapmak için Misafir Blogger (http://blogtecrubem.blogspot.com/p/misafir-blogger.html) sayfasını ziyaret edebilirsiniz.
SilMerhaba hocam, blogger da bir sayfa oluşturdum ve bu sayfa sözlük sayfası kelimeler alt alta sıralı şu şekilde;
YanıtlaSilKalem
Silgi
Defter
...
Ben sadece bu sayfada arama yapacak bir search box istiyorum, aranan kelime açık mavi ile vurgulansın ve kelime eğer sayfada görünmeyecek kadar aşağıda ise sayfa o kelimenin konumuna taşınsın, böyle bir kodum var ama sorun lu ki her kelimenin yanında bir göz "👁" iconu var ve bu ikona basınca kelime tanımı vs. bütün bilgilerin açılacağı kelime sayfasına yönlendiren bir href var ama problem arama kutusunda bir şey arayınca bu emojiyd yönlendiren linkte de sonuçlar buluyor ve link sayfada görünür hale geliyor bunu nasıl engellerim, bir kod öneriniz ya da değiştirmemi düşündüğünüz bir şey var mı?