{"id":30999,"date":"2025-10-04T13:31:49","date_gmt":"2025-10-04T10:31:49","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/gohighlevel-sayfalarinizi-puruzsuz-kaydirma-ile-premium-hale-getirin\/"},"modified":"2025-10-04T13:31:49","modified_gmt":"2025-10-04T10:31:49","slug":"gohighlevel-sayfalarinizi-puruzsuz-kaydirma-ile-premium-hale-getirin","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/gohighlevel-sayfalarinizi-puruzsuz-kaydirma-ile-premium-hale-getirin\/","title":{"rendered":"GoHighLevel Sayfalar\u0131n\u0131z\u0131 P\u00fcr\u00fczs\u00fcz Kayd\u0131rma ile Premium Hale Getirin"},"content":{"rendered":"

<\/p>\n

GoHighLevel platformunda olu\u015fturdu\u011funuz sayfalar\u0131n profesyonel ve etkileyici g\u00f6r\u00fcnmesini mi istiyorsunuz? Kullan\u0131c\u0131 deneyimini d\u00f6n\u00fc\u015ft\u00fcren p\u00fcr\u00fczs\u00fcz kayd\u0131rma teknikleriyle landing page’lerinize modern bir dokunu\u015f kat\u0131n ve d\u00f6n\u00fc\u015f\u00fcm oranlar\u0131n\u0131z\u0131 art\u0131r\u0131n.<\/p>\n

G\u00fcn\u00fcm\u00fcz dijital d\u00fcnyas\u0131nda, bir web sayfas\u0131n\u0131n sadece bilgi sunmas\u0131 yeterli de\u011fil; ayn\u0131 zamanda ziyaret\u00e7ilerine ak\u0131c\u0131 ve keyifli bir deneyim ya\u015fatmas\u0131 gerekiyor. \u00d6zellikle GoHighLevel gibi d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 platformlarda, kullan\u0131c\u0131 deneyimi (UX) sat\u0131\u015f huninizin (sales funnel) ba\u015far\u0131s\u0131 i\u00e7in kritik bir fakt\u00f6rd\u00fcr. Peki, basit bir kayd\u0131rma efekti, sayfalar\u0131n\u0131z\u0131n alg\u0131lanan de\u011ferini nas\u0131l bu kadar art\u0131rabilir?<\/p>\n

\u00d6ncelikle, p\u00fcr\u00fczs\u00fcz kayd\u0131rma, ziyaret\u00e7ilerinizin sayfan\u0131zda gezinirken hissetti\u011fi s\u00fcrt\u00fcnmeyi ortadan kald\u0131r\u0131r. Normalde taray\u0131c\u0131lar, bir ba\u011flant\u0131ya t\u0131kland\u0131\u011f\u0131nda sayfan\u0131n belirlenen b\u00f6l\u00fcme aniden atlamas\u0131n\u0131 sa\u011flar. Bu durum, \u00f6zellikle uzun sayfalarda veya karma\u015f\u0131k navigasyona sahip sitelerde kullan\u0131c\u0131 i\u00e7in kafa kar\u0131\u015ft\u0131r\u0131c\u0131 ve ani bir ge\u00e7i\u015f yaratabilir. Oysa p\u00fcr\u00fczs\u00fcz kayd\u0131rma ile sayfa, hedef noktaya yumu\u015fak ve kontroll\u00fc bir \u015fekilde hareket eder. Bu g\u00f6rsel ak\u0131\u015fkanl\u0131k, ziyaret\u00e7inin g\u00f6z\u00fcn\u00fcn sayfa \u00fczerindeki hareketini takip etmesini kolayla\u015ft\u0131r\u0131r, i\u00e7eri\u011fin ba\u011flam\u0131n\u0131 kaybetmeden bir b\u00f6l\u00fcmden di\u011ferine ge\u00e7mesine olanak tan\u0131r. Dolay\u0131s\u0131yla, kullan\u0131c\u0131lar\u0131n sayfan\u0131zda daha uzun s\u00fcre kalmas\u0131n\u0131, i\u00e7eri\u011fi daha dikkatli incelemesini ve genel olarak daha olumlu bir izlenim edinmesini sa\u011flar.<\/p>\n

Ek olarak, p\u00fcr\u00fczs\u00fcz kayd\u0131rma bir markan\u0131n detaylara verdi\u011fi \u00f6nemi ve modern tasar\u0131m anlay\u0131\u015f\u0131n\u0131 yans\u0131t\u0131r. GoHighLevel \u00fczerinden hizmetlerini pazarlayan i\u015fletmeler i\u00e7in bu, rakiplerinden s\u0131yr\u0131lman\u0131n basit ama etkili bir yoludur. K\u00fc\u00e7\u00fck bir detay gibi g\u00f6r\u00fcnse de, bu t\u00fcr incelikler markan\u0131z\u0131n “premium” alg\u0131s\u0131n\u0131 g\u00fc\u00e7lendirir. Bir ziyaret\u00e7i, sayfan\u0131n ak\u0131c\u0131 ge\u00e7i\u015flerinden etkilendi\u011finde, sunulan \u00fcr\u00fcn veya hizmetin de ayn\u0131 derecede kaliteli ve \u00f6zenli oldu\u011funu d\u00fc\u015f\u00fcnme e\u011filiminde olacakt\u0131r. Bu psikolojik etki, potansiyel m\u00fc\u015fterinin g\u00fcvenini kazanmada ve d\u00f6n\u00fc\u015f\u00fcm oranlar\u0131n\u0131 art\u0131rmada \u00f6nemli bir rol oynar. Bir d\u00fc\u015f\u00fcn\u00fcn: Bir web sitesi, k\u00fc\u00e7\u00fck detaylara bile \u00f6zen g\u00f6steriyorsa, ana hizmetine ne kadar dikkat edece\u011fini hayal edebilirsiniz. Bu, m\u00fc\u015fteri adaylar\u0131n\u0131z\u0131n zihninde pozitif bir \u00f6nyarg\u0131 olu\u015fturur.<\/p>\n

Nitekim, modern web tasar\u0131m\u0131 trendleri de p\u00fcr\u00fczs\u00fcz kayd\u0131rmay\u0131 vazge\u00e7ilmez bir \u00f6\u011fe olarak kabul ediyor. Responsive (duyarl\u0131) tasar\u0131m\u0131n ve mobil cihaz kullan\u0131m\u0131n\u0131n yayg\u0131nla\u015fmas\u0131yla birlikte, dokunmatik ekranlarda gezinme deneyimi daha da kritik hale geldi. P\u00fcr\u00fczs\u00fcz kayd\u0131rma, mobil kullan\u0131c\u0131lar\u0131n da sayfan\u0131zda rahat\u00e7a gezinmesini sa\u011flayarak, t\u00fcm cihazlarda tutarl\u0131 ve y\u00fcksek kaliteli bir deneyim sunar. Bu, SEO performans\u0131n\u0131z\u0131 da olumlu y\u00f6nde etkileyebilir, \u00e7\u00fcnk\u00fc arama motorlar\u0131 kullan\u0131c\u0131 deneyimini \u00f6n planda tutan siteleri \u00f6d\u00fcllendirir. Sonu\u00e7 olarak, GoHighLevel sayfalar\u0131n\u0131zda p\u00fcr\u00fczs\u00fcz kayd\u0131rmay\u0131 uygulamak, sadece estetik bir tercih de\u011fil, ayn\u0131 zamanda stratejik bir i\u015f karar\u0131d\u0131r. Kullan\u0131c\u0131lar\u0131n\u0131z\u0131 etkileyin, markan\u0131z\u0131n profesyonelli\u011fini sergileyin ve d\u00f6n\u00fc\u015f\u00fcmlerinizi maksimize edin.<\/p>\n

\n Uzman \u0130pucu: Sayfan\u0131zdaki “Hakk\u0131m\u0131zda”, “Hizmetlerimiz”, “\u0130leti\u015fim” gibi b\u00f6l\u00fcmlere y\u00f6nlendiren men\u00fc \u00f6\u011feleri i\u00e7in p\u00fcr\u00fczs\u00fcz kayd\u0131rma kullanmak, kullan\u0131c\u0131lar\u0131n arad\u0131klar\u0131 bilgiye h\u0131zla ve estetik bir bi\u00e7imde ula\u015fmalar\u0131n\u0131 sa\u011flayarak ziyaret\u00e7i memnuniyetini %30’a kadar art\u0131rabilir.\n<\/div>\n

P\u00fcr\u00fczs\u00fcz Kayd\u0131rma Temel Kavramlar\u0131: CSS mi JavaScript mi?<\/h2>\n

P\u00fcr\u00fczs\u00fcz kayd\u0131rma efektini web sayfalar\u0131n\u0131za entegre etmenin iki ana yolu vard\u0131r: CSS ve JavaScript. Her iki y\u00f6ntemin de kendine \u00f6zg\u00fc avantajlar\u0131 ve kullan\u0131m senaryolar\u0131 bulunur. Hangi y\u00f6ntemin GoHighLevel sayfalar\u0131n\u0131z i\u00e7in daha uygun oldu\u011funu anlamak, do\u011fru ve verimli bir uygulama i\u00e7in hayati \u00f6neme sahiptir.<\/p>\n

CSS ile P\u00fcr\u00fczs\u00fcz Kayd\u0131rma: Basitlik ve Etkinlik<\/h3>\n

CSS ile p\u00fcr\u00fczs\u00fcz kayd\u0131rma uygulamak, genellikle en kolay ve en performansl\u0131 y\u00f6ntem olarak kabul edilir. Bunun temel sebebi, taray\u0131c\u0131n\u0131n yerle\u015fik kayd\u0131rma motorunu kullanmas\u0131 ve do\u011frudan donan\u0131m h\u0131zland\u0131rmadan faydalanmas\u0131d\u0131r. CSS’in scroll-behavior<\/code> \u00f6zelli\u011fi, bu i\u015flemi tek bir sat\u0131r kodla ger\u00e7ekle\u015ftirmemizi sa\u011flar. Bu \u00f6zellik, bir elementin i\u00e7eri\u011fi kayd\u0131r\u0131ld\u0131\u011f\u0131nda veya scrollIntoView()<\/code> gibi bir JavaScript metodu \u00e7a\u011fr\u0131ld\u0131\u011f\u0131nda kayd\u0131rma davran\u0131\u015f\u0131n\u0131n nas\u0131l olaca\u011f\u0131n\u0131 belirler.<\/p>\n

En yayg\u0131n kullan\u0131m\u0131, t\u00fcm belgeye (html<\/code> elementi) p\u00fcr\u00fczs\u00fcz kayd\u0131rma uygulamakt\u0131r. Bu sayede, sayfa \u00fczerindeki herhangi bir dahili ba\u011flant\u0131ya (anchor link) t\u0131kland\u0131\u011f\u0131nda, taray\u0131c\u0131 otomatik olarak hedef konuma yumu\u015fak bir ge\u00e7i\u015f yapar. Bu y\u00f6ntem, \u00f6zellikle sayfalar aras\u0131 de\u011fil, sayfa i\u00e7i navigasyona sahip tek sayfal\u0131k (single-page) GoHighLevel landing page’leri i\u00e7in idealdir. Kullan\u0131m\u0131 olduk\u00e7a basittir ve genellikle ek bir JavaScript koduna ihtiya\u00e7 duymaz.<\/p>\n

\nhtml {\n  scroll-behavior: smooth;\n}\n<\/pre>\n
<\/code><\/p>\n
Yukar\u0131daki kod blo\u011fu, sayfan\u0131z\u0131n html<\/code> etiketine uyguland\u0131\u011f\u0131nda, t\u00fcm sayfa i\u00e7i ba\u011flant\u0131lar i\u00e7in p\u00fcr\u00fczs\u00fcz kayd\u0131rma efektini etkinle\u015ftirecektir. GoHighLevel platformunda bu kodu, sayfa ayarlar\u0131 b\u00f6l\u00fcm\u00fcndeki \"Custom CSS\" alan\u0131na ekleyebilirsiniz. Bu y\u00f6ntem, taray\u0131c\u0131 uyumlulu\u011fu a\u00e7\u0131s\u0131ndan da olduk\u00e7a geli\u015fmi\u015ftir; modern taray\u0131c\u0131lar\u0131n \u00e7o\u011fu bu \u00f6zelli\u011fi destekler. Eski taray\u0131c\u0131lar (\u00f6rne\u011fin, Internet Explorer) bu \u00f6zelli\u011fi g\u00f6rmezden gelebilir, ancak bu durum sayfan\u0131n i\u015flevselli\u011fini bozmaz; sadece p\u00fcr\u00fczs\u00fcz kayd\u0131rma efekti yerine varsay\u0131lan ani atlama davran\u0131\u015f\u0131n\u0131 g\u00f6sterirler.<\/p>\n
JavaScript ile P\u00fcr\u00fczs\u00fcz Kayd\u0131rma: Esneklik ve Kontrol<\/h3>\n
JavaScript ile p\u00fcr\u00fczs\u00fcz kayd\u0131rma uygulamak ise daha fazla esneklik ve kontrol sa\u011flar. CSS'in yetersiz kald\u0131\u011f\u0131 veya daha dinamik senaryolar gerekti\u011finde JavaScript devreye girer. \u00d6rne\u011fin, bir butona t\u0131kland\u0131\u011f\u0131nda belirli bir elementin tam ekran\u0131n ortas\u0131na kayd\u0131r\u0131lmas\u0131, kayd\u0131rma h\u0131z\u0131n\u0131n veya animasyon e\u011frisinin \u00f6zelle\u015ftirilmesi gibi durumlarda JavaScript daha g\u00fc\u00e7l\u00fc bir \u00e7\u00f6z\u00fcm sunar. JavaScript, window.scrollTo()<\/code>, element.scrollIntoView()<\/code> veya \u00f6zel animasyon k\u00fct\u00fcphaneleri kullanarak kayd\u0131rma i\u015flemini programatik olarak y\u00f6netmenize olanak tan\u0131r.<\/p>\n
\u00d6zellikle GoHighLevel gibi bir platformda, bazen dahili ba\u011flant\u0131lar standart HTML <\/code> etiketleri ile de\u011fil, daha karma\u015f\u0131k bile\u015fenler (\u00f6rne\u011fin, bir pop-up i\u00e7indeki bir buton) arac\u0131l\u0131\u011f\u0131yla tetiklenebilir. Bu t\u00fcr durumlarda, JavaScript ile belirli bir olay\u0131 (\u00f6rne\u011fin buton t\u0131klamas\u0131) dinleyip, ard\u0131ndan hedef elemente p\u00fcr\u00fczs\u00fcz bir \u015fekilde kayd\u0131rma i\u015flemini ba\u015flatabiliriz. Ayr\u0131ca, kullan\u0131c\u0131 kayd\u0131rma esnas\u0131nda durdu\u011funda veya kayd\u0131rma i\u015flemi bitti\u011finde ek fonksiyonellikler tetiklemek isterseniz, JavaScript vazge\u00e7ilmezdir. Ancak, JavaScript \u00e7\u00f6z\u00fcmlerinin performans\u0131, yaz\u0131lan kodun kalitesine ve karma\u015f\u0131kl\u0131\u011f\u0131na ba\u011fl\u0131d\u0131r. \u0130yi optimize edilmemi\u015f bir JavaScript kayd\u0131rma animasyonu, sayfan\u0131n tak\u0131lmas\u0131na veya yava\u015f \u00e7al\u0131\u015fmas\u0131na neden olabilir, bu da kullan\u0131c\u0131 deneyimini olumsuz etkiler. Dolay\u0131s\u0131yla, JavaScript kullan\u0131rken kodunuzu dikkatli bir \u015fekilde yazmak ve taray\u0131c\u0131 performans\u0131n\u0131 g\u00f6z \u00f6n\u00fcnde bulundurmak \u00f6nemlidir.<\/p>\n
\n\/\/ Belirli bir ID'ye sahip elemente p\u00fcr\u00fczs\u00fcz kayd\u0131rma yapmak i\u00e7in JavaScript \u00f6rne\u011fi\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n    anchor.addEventListener('click', function (e) {\n        e.preventDefault(); \/\/ Varsay\u0131lan atlama davran\u0131\u015f\u0131n\u0131 engelle\n        const targetId = this.getAttribute('href').substring(1);\n        const targetElement = document.getElementById(targetId);\n\n        if (targetElement) {\n            targetElement.scrollIntoView({\n                behavior: 'smooth',\n                block: 'start' \/\/ Hedef elementin \u00fcst k\u0131sm\u0131n\u0131 g\u00f6r\u00fcnt\u00fc alan\u0131n\u0131n ba\u015flang\u0131c\u0131na hizalar\n            });\n        }\n    });\n});\n<\/pre>\n
<\/code><\/p>\n
Yukar\u0131daki JavaScript kodu, sayfa \u00fczerindeki t\u00fcm #<\/code> ile ba\u015flayan (anchor) linkleri yakalar ve bunlara t\u0131kland\u0131\u011f\u0131nda varsay\u0131lan davran\u0131\u015f\u0131 engelleyerek p\u00fcr\u00fczs\u00fcz kayd\u0131rma efektiyle hedefe ula\u015fmay\u0131 sa\u011flar. Bu kodu GoHighLevel sayfa ayarlar\u0131ndaki \"Custom JS\" alan\u0131na ekleyebilirsiniz. Hangi y\u00f6ntemi se\u00e7ece\u011finiz, projenizin ihtiya\u00e7lar\u0131na ve hedeflerinize ba\u011fl\u0131d\u0131r. Basit ve genel bir \u00e7\u00f6z\u00fcm ar\u0131yorsan\u0131z CSS, daha dinamik ve \u00f6zelle\u015ftirilmi\u015f bir kontrol istiyorsan\u0131z JavaScript en iyi se\u00e7enektir.<\/p>\n
GoHighLevel'da Ad\u0131m Ad\u0131m Uygulama: CSS ile P\u00fcr\u00fczs\u00fcz Kayd\u0131rma Nas\u0131l Eklenir?<\/h2>\n
GoHighLevel platformunda sayfa i\u00e7i p\u00fcr\u00fczs\u00fcz kayd\u0131rma efektini eklemek, d\u00fc\u015f\u00fcnd\u00fc\u011f\u00fcn\u00fczden \u00e7ok daha kolayd\u0131r ve \u00e7o\u011fu durumda yaln\u0131zca birka\u00e7 sat\u0131r CSS koduyla halledilebilir. Bu b\u00f6l\u00fcm, s\u0131f\u0131rdan ba\u015flayarak GoHighLevel landing page'lerinize bu modern dokunu\u015fu nas\u0131l kataca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m a\u00e7\u0131klayacakt\u0131r. Amac\u0131m\u0131z, GoHighLevel'\u0131n sundu\u011fu ara\u00e7lar\u0131 kullanarak, teknik bilgi seviyeniz ne olursa olsun bu \u00f6zelli\u011fi sayfan\u0131za entegre etmenizi sa\u011flamakt\u0131r.<\/p>\n
Ad\u0131m 1: Hedef B\u00f6l\u00fcmleri Tan\u0131mlay\u0131n (ID Atamas\u0131)<\/h3>\n
P\u00fcr\u00fczs\u00fcz kayd\u0131rman\u0131n \u00e7al\u0131\u015fabilmesi i\u00e7in, sayfan\u0131zda belirli b\u00f6l\u00fcmlere \"hedef\" olarak i\u015faretlenmi\u015f benzersiz kimlikler (ID'ler) ataman\u0131z gerekir. Bu ID'ler, men\u00fcdeki ba\u011flant\u0131lar\u0131n\u0131z\u0131n nereye kayd\u0131r\u0131laca\u011f\u0131n\u0131 belirleyecektir.<\/p>\n
    \n
  1. GoHighLevel sayfa d\u00fczenleyicinizi a\u00e7\u0131n.<\/li>\n
  2. Kayd\u0131rmak istedi\u011finiz her bir b\u00f6l\u00fcm\u00fc (\u00f6rne\u011fin, \"Hakk\u0131m\u0131zda\", \"Hizmetlerimiz\", \"\u0130leti\u015fim\") se\u00e7in.<\/li>\n
  3. Se\u00e7ti\u011finiz b\u00f6l\u00fcm\u00fcn ayarlar panelinde \"Advanced\" (Geli\u015fmi\u015f) sekmesini bulun.<\/li>\n
  4. Burada genellikle \"CSS ID\" veya \"Section ID\" gibi bir alan g\u00f6receksiniz. Bu alana, b\u00f6l\u00fcme \u00f6zel, bo\u015fluksuz ve benzersiz bir ID atay\u0131n (\u00f6rne\u011fin: hakkimizda<\/code>, hizmetlerimiz<\/code>, iletisim<\/code>).<\/li>\n
  5. Her hedef b\u00f6l\u00fcm i\u00e7in bu ad\u0131m\u0131 tekrarlay\u0131n.<\/li>\n<\/ol>\n
    Bu ID'ler, daha sonra men\u00fc ba\u011flant\u0131lar\u0131n\u0131n href<\/code> niteli\u011finde kullan\u0131lacakt\u0131r. \u00d6rne\u011fin, hakkimizda<\/code> ID'sine sahip bir b\u00f6l\u00fcm\u00fcn\u00fcz varsa, men\u00fcdeki \"Hakk\u0131m\u0131zda\" ba\u011flant\u0131n\u0131z\u0131n href<\/code> de\u011feri #hakkimizda<\/code> olacakt\u0131r.<\/p>\n
    Ad\u0131m 2: Men\u00fc Ba\u011flant\u0131lar\u0131n\u0131z\u0131 Yap\u0131land\u0131r\u0131n<\/h3>\n
    GoHighLevel navigasyon men\u00fcn\u00fczdeki ba\u011flant\u0131lar\u0131n, az \u00f6nce tan\u0131mlad\u0131\u011f\u0131n\u0131z ID'leri i\u015faret etti\u011finden emin olmal\u0131s\u0131n\u0131z.<\/p>\n
      \n
    1. GoHighLevel d\u00fczenleyicide navigasyon men\u00fcn\u00fcz\u00fc veya ilgili ba\u011flant\u0131 elemanlar\u0131n\u0131 se\u00e7in.<\/li>\n
    2. Her bir men\u00fc \u00f6\u011fesinin ayarlar\u0131n\u0131 a\u00e7\u0131n.<\/li>\n
    3. Ba\u011flant\u0131 URL'si (Link URL) alan\u0131na, ilgili b\u00f6l\u00fcm\u00fcn ID'sini bir kare (#<\/code>) i\u015fareti ile birlikte girin (\u00f6rne\u011fin: #hakkimizda<\/code>).<\/li>\n
    4. T\u00fcm men\u00fc ba\u011flant\u0131lar\u0131n\u0131z\u0131 bu \u015fekilde g\u00fcncelleyin.<\/li>\n<\/ol>\n
      Bu ad\u0131m, men\u00fcye t\u0131kland\u0131\u011f\u0131nda taray\u0131c\u0131n\u0131n do\u011fru hedefe y\u00f6nlenmesini sa\u011flar. \u015eimdi s\u0131ra, bu y\u00f6nlenmenin p\u00fcr\u00fczs\u00fcz olmas\u0131n\u0131 sa\u011flayacak CSS kodunu eklemeye geldi.<\/p>\n
      Ad\u0131m 3: CSS Kodunu GoHighLevel Sayfan\u0131za Ekleyin<\/h3>\n
      Bu, p\u00fcr\u00fczs\u00fcz kayd\u0131rma efektini etkinle\u015ftirecek son ve en \u00f6nemli ad\u0131md\u0131r.<\/p>\n
        \n
      1. GoHighLevel sayfa d\u00fczenleyicisindeyken, sol altta yer alan \"Settings\" (Ayarlar) simgesine t\u0131klay\u0131n.<\/li>\n
      2. A\u00e7\u0131lan men\u00fcden \"Custom CSS\" (\u00d6zel CSS) se\u00e7ene\u011fini se\u00e7in.<\/li>\n
      3. A\u015fa\u011f\u0131daki CSS kodunu \"Custom CSS\" alan\u0131na yap\u0131\u015ft\u0131r\u0131n:<\/li>\n<\/ol>\n
        \n\/* HTML elementine p\u00fcr\u00fczs\u00fcz kayd\u0131rma davran\u0131\u015f\u0131 ekler *\/\nhtml {\n  scroll-behavior: smooth;\n}\n\n\/* Sayfa \u00fcst \u00e7ubu\u011fu (header) varsa, kayd\u0131rma hedefinin alt\u0131ndan ba\u015flamas\u0131n\u0131 sa\u011flar.\n   Bu, \u00fcst \u00e7ubu\u011fun i\u00e7eri\u011fi kapatmas\u0131n\u0131 \u00f6nler. *\/\n\/* \u00d6rnek: E\u011fer header'\u0131n\u0131z\u0131n y\u00fcksekli\u011fi 80px ise *\/\n:target {\n  scroll-padding-top: 80px; \/* Bu de\u011feri kendi header y\u00fcksekli\u011finize g\u00f6re ayarlay\u0131n *\/\n}\n\n\/* Mobil cihazlar i\u00e7in daha duyarl\u0131 bir kayd\u0131rma deneyimi *\/\n@media (max-width: 768px) {\n  html {\n    scroll-behavior: smooth; \/* Mobil cihazlarda da p\u00fcr\u00fczs\u00fcz kayd\u0131rma *\/\n  }\n  :target {\n    scroll-padding-top: 60px; \/* Mobil cihazlar i\u00e7in farkl\u0131 bir padding *\/\n  }\n}\n<\/pre>\n
        <\/code><\/p>\n
        A\u00e7\u0131klama:<\/strong><\/p>\n