Jekyll Arama Kutusu Yapma

Jekyll Search Box

Jekyll search box, arama kutusu yapmak ├╝zerine pek bir ├ž├Âz├╝m bulunmamas─▒ ├╝zere bu makaleyi kaleme al─▒yorum arkada┼člar. Jekyll kullanan kim varsa bir ┼čekilde halletmi┼čler ama hala kesin bir┼čey yok. ├çe┼čitli kodlarla baya baya kast─▒ran durumlara girmi┼čler. Neden? ├ž├╝nk├╝, ger├žekten s─▒k─▒nt─▒l─▒.

Adamlar jekyllÔÇÖ─▒n kendi sitesinde bile minimum 600 sat─▒rl─▒k kod ile yapm─▒┼člar bu i┼člemi. Tabi bir blo─čun olmazsa olmazlar─▒ndan olan search butonu eksik olursa kullan─▒c─▒ deneyimi eksik olmu┼č olur dedim ve kendimce ├ž├Âz├╝m ├╝rettim.

Jekyll Arama Kutusu Nas─▒l Yap─▒l─▒r?

Tabi bunu d├╝┼č├╝rken seo da akl─▒m─▒n bi ucunda :D ne olur nas─▒l olur derken google special search yani googleÔÇÖ─▒n siteler i├žin sunmu┼č oldu─ču ├Âzel arama motoru kodu. Bu kodu siteye koyuyorsunuz ve art─▒k google da ararm─▒┼č gibi insanlar sizin sitenizde ar─▒yordu. Tabi ben bunu kullanmad─▒m

Neden? Çünkü kullanamadım

Google 1 nisan 2017 de ald─▒─č─▒ bir kararla ├Âzel arama motorunu piyasadan kald─▒rd─▒. Ve kesin bir ┼čekilde de 1 nisan 2018 de piyasdan kald─▒racakm─▒┼č.

Abi oturdum d├╝┼č├╝nd├╝m ve google special searchÔÇÖ├╝n yapt─▒─č─▒ i┼čin ayn─▒s─▒n─▒ yapan bir kod haz─▒rlad─▒m. Tamamen javascript oyunu.

Altta g├Ârd├╝─č├╝n├╝z kodu haz─▒rlayarak kullan─▒c─▒n─▒n inputa girdi─či veriyi keyup ile yakalay─▒p bunu yeni sekme a├žt─▒rarak google da aratt─▒m :D ├žok temiz oldu. 2 dk da search olay─▒na ├ž├Âz├╝m bulmu┼č oldum.

Jekyll Search Box Kodu


document.getElementById("inputara")
  .addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.keyCode == 13) {
        window.open('https://www.google.com/search?q='+$('#inputara').val()+' site:erdemoflaz.com','_blank');
    }
});

Sizde bu kodu kullanarak, sitenize arama kutusu ekleyebilirsiniz. G├╝le g├╝le kullan─▒n :)


Yap─▒lan Yorumlar
Erdem OFLAZ

Bir mum, di─čer mumu tutu┼čturmakla ─▒┼č─▒─č─▒ndan bir ┼čey kaybetmez.
 Kategoriler
 Pop├╝ler yaz─▒lar