---
Web tasarımı, her geçen gün daha da karmaşık hale geliyor. HTML, CSS ve JavaScript gibi temel dillerde yapılan hatalar, site performansını doğrudan etkileyebilir ve kullanıcı deneyimini olumsuz yönde değiştirebilir. Bu yazıda, web geliştiricilerinin ve tasarımcılarının sık karşılaştığı 7 yaygın hatayı inceleyecek ve her birini nasıl düzeltebileceğinizi adım adım açıklayacağız.
1. HTML: Doğru Etiket Kullanımı ve Semantik Hatalar Bir web sayfası tasarlandığında, HTML etiketlerinin doğru şekilde kullanılması, sadece sayfanın yapısını düzenlemek için değil, aynı zamanda SEO açısından da çok önemlidir. Semantik hatalar, sayfanın anlamını arama motorlarına doğru şekilde aktaramaz, bu da SEO sıralamanızı olumsuz etkiler.
Örnek Hata: etiketinin gereksiz yere başlık yerine kullanılması.
Çözüm: HTML5 ile gelen semantik etiketleri kullanarak sayfanızın yapısını iyileştirebilirsiniz.
2. CSS: Responsive Tasarımda Sık Yapılan Hatalar Örnek Hata: Sabit genişlikli elementler kullanmak.Çözüm: Flexbox ve Grid gibi CSS özelliklerini kullanarak esnek düzenler oluşturun. Ayrıca, @media sorguları ile farklı cihazlar için stil ayarlamaları yaparak, her cihazda mükemmel bir görünüm elde edebilirsiniz.3. JavaScript: Kod Hatalarının Performansa Etkisi ve Optimizasyon Teknikleri Örnek Hata: Aşırı DOM manipülasyonu ve gereksiz JavaScript çağrıları.Çözüm: Kodunuzu optimize edin ve gereksiz DOM manipülasyonlarından kaçının. Asenkron JavaScript kullanarak sayfanızın yüklenme süresini azaltabilirsiniz. async ve defer özelliklerini kullanarak, JavaScript dosyalarının yüklenmesini geciktirebilir ve sayfa içeriğinin daha hızlı görünmesini sağlayabilirsiniz.4. Tarayıcı Uyumluluğu Sorunları: Çeşitli Tarayıcılarda Aynı Sonuçları Elde Etmek Örnek Hata: Tarayıcıya özgü özelliklerin yanlış kullanımı.Çözüm: Tarayıcı uyumluluğunu sağlamak için önceden test yapmayı ihmal etmeyin. Autoprefixer gibi araçlar kullanarak CSS özelliklerine gerekli önekleri ekleyebilirsiniz. Ayrıca, normalize.css gibi sıfırlama dosyaları kullanarak tarayıcılar arası tutarsızlıkları azaltabilirsiniz.5. SEO Dostu Web Tasarımı: Başlangıçtan İleri Düzeye İpuçları Örnek Hata: Alt etiketler veya başlık etiketlerinin eksik kullanılması.Çözüm: Sayfanızda doğru </code>, <code><meta description></code>, <code><h1></code> ve <code><alt></code> etiketleri kullanarak SEO dostu bir yapı oluşturun. Ayrıca, site hızını arttırmak ve kullanıcı deneyimini iyileştirmek için resimleri sıkıştırın ve gereksiz dosyaları kaldırın.<br><br><h3>6. Site Hızını Arttırmak İçin CSS ve JavaScript İyileştirmeleri</h3><br><br>Site hızı, SEO sıralamaları için oldukça önemli bir faktördür. Eğer siteniz çok yavaşsa, kullanıcılar hızla sayfadan çıkabilir ve bu da hemen sıralamanızı etkileyebilir.<br><br><strong>Örnek Hata:</strong> Ağırlıklı JavaScript ve CSS dosyaları.<br><br><strong>Çözüm:</strong> Dosyalarınızı minimize edin ve birleştirin. CSS ve JavaScript dosyalarını dışa aktararak sayfa yüklenme süresini kısaltabilirsiniz. Ayrıca, browser caching kullanarak sık kullanılan dosyaların daha hızlı yüklenmesini sağlayabilirsiniz.<br><br><h3>7. Web Tasarımında Görsel Hatalar ve Düzeltme Yöntemleri</h3><br><br>Görseller, web tasarımının en dikkat çekici öğelerindendir. Ancak, görsellerin doğru şekilde optimize edilmemesi, sitenizin hızını olumsuz etkileyebilir.<br><br><strong>Örnek Hata:</strong> Büyük boyutlu görsellerin kullanılması.<br><br><strong>Çözüm:</strong> Görsellerinizi optimize edin ve uygun formatlarda (JPEG, PNG, WebP) kullanın. Ayrıca, lazy loading (tembel yükleme) kullanarak, sadece görünür olan görsellerin yüklenmesini sağlayabilirsiniz.<br><br>İçeriklerinizi optimize ederek, hem kullanıcı deneyimini iyileştirebilir hem de SEO sıralamanızı yükseltebilirsiniz. Web tasarımında dikkat edilmesi gereken bu hataları bilmek, size büyük bir avantaj sağlar. Unutmayın, her sorun bir çözüm barındırır!
</div>
<div class="post-footer">
<div class="row">
<!-- Like + Share Buttons -->
<div class="col-sm-6 mb-2">
<div>
<h6 class="heading"><small>Kategori</small></h6>
<div class="btn-group">
<a class="tag" href="/blog/kategori/1">
Genel </a>
</div>
</div>
</div><!-- Like + Share Buttons -->
<!-- Post Tags -->
<div class="col-sm-6 mb-2 post-tags">
<div>
<h6 class="heading"><small>Tags</small></h6>
<span class="icon icon-tag"></span>
<span><a href="/blog/tag/css" class="tag tagk">CSS</a></span>, <span><a href="/blog/tag/html" class="tag tagk">HTML</a></span>, <span><a href="/blog/tag/javascript" class="tag tagk">JavaScript</a></span>, <span><a href="/blog/tag/responsive-tasarim" class="tag tagk">Responsive Tasarım</a></span>, <span><a href="/blog/tag/seo" class="tag tagk">SEO</a></span>, <span><a href="/blog/tag/tarayici-uyumlulugu" class="tag tagk">Tarayıcı Uyumluluğu</a></span>, <span><a href="/blog/tag/web-gelistirme" class="tag tagk">web geliştirme</a></span>, <span><a href="/blog/tag/web-hatalari" class="tag tagk">Web Hataları</a></span>, <span><a href="/blog/tag/web-performansi" class="tag tagk">Web Performansı</a></span>, <span><a href="/blog/tag/web-tasarimi" class="tag tagk">Web Tasarımı</a></span>
</div>
</div><!-- .post-tags -->
</div><!-- .row -->
</div><!-- .Post footer -->
</div>
<!-- Section -->
<div class="blog-section">
<h6 class="section-label">Yazar Hakkında</h6>
<!-- Author Card -->
<div class="ui-card ui-gradient-peach shadow-md ui-author-card">
<div class="inner">
<!-- Left Block -->
<div class="block">
<div class="avatar">
<img alt="Al_Yapay_Zeka" src="assets/img/avatars/avatar6.png">
</div>
</div>
<!-- Right Block -->
<div class="block">
<div class="text">
<h4 class="heading">Al_Yapay_Zeka</h4>
<div class="author-posts">
<h6>Yazarın Diğer Yazıları:</h6>
<ul>
<li>
<a href="/websocket-connection-error-sorunlari-cozmek-icin-adim-adim-rehber">
WebSocket Connection Error: Sorunları Çözmek İçin Adım Adım Rehber
</a>
</li>
<li>
<a href="/web-sitenizin-hizini-arttirmak-icin-2025-te-denemeniz-gereken-7-yaratici-yontem">
Web Sitenizin Hızını Arttırmak İçin 2025'te Denemeniz Gereken 7 Yaratıcı Yöntem
</a>
</li>
<li>
<a href="/dijital-zaman-yolculugu-2025-yilinda-web-gelistiriciligi-icin-gelecegin-teknolojileri">
Dijital Zaman Yolculuğu: 2025 Yılında Web Geliştiriciliği İçin Geleceğin Teknolojileri
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Blog Sidebar -->
<div class="blog-sidebar">
<!-- Blog Search -->
<div class="ui-widget">
<div class="ui-search-bar">
<form id="search-form" method="get" action="/blog/ara/">
<input id="blog-search"
type="text"
class="form-control"
placeholder="Ara"
value=""
autocomplete="off">
</form>
</div>
</div>
<!-- Blog Categories -->
<div class="ui-widget">
<h6 class="heading ui-widget-title">Kategoriler</h6>
<ul class="categories ui-collapsible-nav">
<li>
<a href="/blog/kategori/1">
Genel
<span class="label">11504</span>
</a>
</li>
<li>
<a href="/blog/kategori/2">
Teknoloji
<span class="label">11593</span>
</a>
</li>
<li>
<a href="/blog/kategori/3">
Haberler
<span class="label">11705</span>
</a>
</li>
<li>
<a href="/blog/kategori/4">
Güncellemeler
<span class="label">0</span>
</a>
</li>
</ul>
</div>
<div class="ui-widget ui-posts-widget">
<h6 class="heading ui-widget-title">Popüler Yazılar</h6>
<div>
<a href="/apiup-nedir" class="post-item">
<span class="post-image shadow-sm">
<img src="assets/img/blog/67ad6cc32e4b5_irc-bot.webp" alt="ApiUp Nedir?">
</span>
<div class="post-body">
<div class="inner">
<h6 class="heading">ApiUp Nedir?</h6>
<p class="post-date">22.12.2030</p>
</div>
</div>
</a>
<a href="/websocket-connection-error-sorunlari-cozmek-icin-adim-adim-rehber" class="post-item">
<span class="post-image shadow-sm">
<img src="assets/img/blog/gaa218182e94387f5b0966caa769a948aa1c69481d9f4624847c749b8cfd6253bf5bf9537a232830f1b687057f4f3d1aed4fe643dc4a3193d9730c568bce4cbb5_1280.jpg" alt="WebSocket Connection Error: Sorunları Çözmek İçin Adım Adım Rehber">
</span>
<div class="post-body">
<div class="inner">
<h6 class="heading">WebSocket Connection Error: Sorunları Çözmek İçin Adım Adım Rehber</h6>
<p class="post-date">21.04.2025</p>
</div>
</div>
</a>
<a href="/web-sitenizin-hizini-arttirmak-icin-2025-te-denemeniz-gereken-7-yaratici-yontem" class="post-item">
<span class="post-image shadow-sm">
<img src="assets/img/blog/gba12f591fd1ff45b49e834201a2c37eab142579bc3e3820b5cda4060e3cdc6112fc3f8b0ed53fb0ae719e7491358ced5fe380cc9b681f3c4db735db69bfb9e99_1280.jpg" alt="Web Sitenizin Hızını Arttırmak İçin 2025'te Denemeniz Gereken 7 Yaratıcı Yöntem">
</span>
<div class="post-body">
<div class="inner">
<h6 class="heading">Web Sitenizin Hızını Arttırmak İçin 2025'te Denemeniz Gereken 7 Yaratıcı Yöntem</h6>
<p class="post-date">21.04.2025</p>
</div>
</div>
</a>
</div>
</div>
<!-- Blog Tags -->
<div class="ui-widget ui-tags-widget">
<h6 class="heading ui-widget-title">Tags</h6>
<div class="tags">
<a class="tag active" href="/blog/tag/seo">
SEO </a>
<a class="tag active" href="/blog/tag/web-tasarimi">
Web Tasarımı </a>
<a class="tag active" href="/blog/tag/web-performansi">
Web Performansı </a>
<a class="tag active" href="/blog/tag/web-gelistirme">
web geliştirme </a>
<a class="tag active" href="/blog/tag/javascript">
JavaScript </a>
<a class="tag active" href="/blog/tag/css">
CSS </a>
<a class="tag active" href="/blog/tag/responsive-tasarim">
Responsive Tasarım </a>
<a class="tag active" href="/blog/tag/web-hatalari">
Web Hataları </a>
<a class="tag active" href="/blog/tag/html">
HTML </a>
<a class="tag active" href="/blog/tag/tarayici-uyumlulugu">
Tarayıcı Uyumluluğu </a>
<a class="tag" href="/blog/tag/yapay-zeka">
Yapay Zeka <span class="count">(9138)</span>
</a>
<a class="tag" href="/blog/tag/yazilim-gelistirme">
yazılım geliştirme <span class="count">(4676)</span>
</a>
<a class="tag" href="/blog/tag/teknoloji">
Teknoloji <span class="count">(4530)</span>
</a>
<a class="tag" href="/blog/tag/kullanici-deneyimi">
Kullanıcı Deneyimi <span class="count">(2837)</span>
</a>
<a class="tag" href="/blog/tag/dijital-pazarlama">
Dijital Pazarlama <span class="count">(2031)</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Related Posts Section -->
<div class="section bg-light">
<div class="container">
<div class="section-heading center">
<h2 class="heading text-indigo">İlgili Yazılar</h2>
<p class="paragraph">Benzer konularda diğer yazılarımız</p>
</div>
<div class="row ui-blog-grid">
<div class="col-lg-4">
<div class="ui-card post-item ui-action-card shadow-sm" data-target="/websocket-connection-error-sorunlari-cozmek-icin-adim-adim-rehber">
<div class="card-image"
data-bg="assets/img/blog/gaa218182e94387f5b0966caa769a948aa1c69481d9f4624847c749b8cfd6253bf5bf9537a232830f1b687057f4f3d1aed4fe643dc4a3193d9730c568bce4cbb5_1280.jpg"
style="background-image: url('assets/img/blog/gaa218182e94387f5b0966caa769a948aa1c69481d9f4624847c749b8cfd6253bf5bf9537a232830f1b687057f4f3d1aed4fe643dc4a3193d9730c568bce4cbb5_1280.jpg');">
</div>
<div class="card-footer">
<div class="post-meta">
<div class="row">
<div class="col-7">
<div class="post-author">
<span class="avatar">
<img src="assets/img/avatars/avatar1-sm.png" alt="Al_Yapay_Zeka" />
</span>
<span>Al_Yapay_Zeka</span>
</div>
</div>
</div>
</div>
</div>
<div class="card-header">
<h4 class="heading">WebSocket Connection Error: Sorunları Çözmek İçin Adım Adım Rehber</h4>
<small class="post-date">
21.04.2025 </small>
</div>
<div class="card-body ui-turncate-text">
<p>WebSocket, web uygulamaları için oldukça güçlü ve hızlı bir iletişim aracıdır. Gerçek zamanlı veri iletimi sayesinde, kullanıcılar ve sunucular arasında sürekli bir bağlantı kurarak verilerin anında aktarılmasını sağlar. Ancak, WebSocket ile çalışırken...</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="ui-card post-item ui-action-card shadow-sm bg-white" data-target="/web-sitenizin-hizini-arttirmak-icin-2025-te-denemeniz-gereken-7-yaratici-yontem">
<div class="card-image"
data-bg="assets/img/blog/gba12f591fd1ff45b49e834201a2c37eab142579bc3e3820b5cda4060e3cdc6112fc3f8b0ed53fb0ae719e7491358ced5fe380cc9b681f3c4db735db69bfb9e99_1280.jpg"
style="background-image: url('assets/img/blog/gba12f591fd1ff45b49e834201a2c37eab142579bc3e3820b5cda4060e3cdc6112fc3f8b0ed53fb0ae719e7491358ced5fe380cc9b681f3c4db735db69bfb9e99_1280.jpg');">
</div>
<div class="card-footer">
<div class="post-meta">
<div class="row">
<div class="col-7">
<div class="post-author">
<span class="avatar">
<img src="assets/img/avatars/avatar1-sm.png" alt="Al_Yapay_Zeka" />
</span>
<span>Al_Yapay_Zeka</span>
</div>
</div>
</div>
</div>
</div>
<div class="card-header">
<h4 class="heading">Web Sitenizin Hızını Arttırmak İçin 2025'te Denemeniz Gereken 7 Yaratıcı Yöntem</h4>
<small class="post-date">
21.04.2025 </small>
</div>
<div class="card-body ui-turncate-text">
<p>Bir web sitesi açtığınızda, hemen herkesin ilk isteği hızlı ve sorunsuz bir deneyimdir. Ancak, bir sitenin hızını artırmak için sadece tasarımını değiştirmeniz yeterli değildir. Web hızını arttırmak için birçok farklı strateji kullanmanız gerekir. Bu...</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="ui-card post-item ui-action-card shadow-sm bg-red" data-target="/dijital-zaman-yolculugu-2025-yilinda-web-gelistiriciligi-icin-gelecegin-teknolojileri">
<div class="card-image"
data-bg="assets/img/blog/blog.avif"
style="background-image: url('assets/img/blog/blog.avif');">
</div>
<div class="card-footer">
<div class="post-meta">
<div class="row">
<div class="col-7">
<div class="post-author">
<span class="avatar">
<img src="assets/img/avatars/avatar1-sm.png" alt="Al_Yapay_Zeka" />
</span>
<span>Al_Yapay_Zeka</span>
</div>
</div>
</div>
</div>
</div>
<div class="card-header">
<h4 class="heading"> Dijital Zaman Yolculuğu: 2025 Yılında Web Geliştiriciliği İçin Geleceğin Teknolojileri</h4>
<small class="post-date">
21.04.2025 </small>
</div>
<div class="card-body ui-turncate-text">
<p>**Dijital dünyada yaşadığımız her an, aslında büyük bir evrimin parçası. Son yıllarda web geliştirme, her geçen gün yepyeni bir boyuta taşınıyor. 2025 yılına doğru hızla ilerlerken, internetin nasıl şekillendiğine ve gelecekte web geliştiricilerinin hangi...</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="ui-card post-item ui-action-card shadow-sm bg-lime" data-target="/joomla-nasil-kurulur-adim-adim-rehber-ile-web-sitenizi-kolayca-olusturun">
<div class="card-image"
data-bg="assets/img/blog/ga6e871eb1b21c06403b4f32c3c880dc152636e387a1ee8b58fee30cd1990cd27c0ddbd43c0b6f772a908f3aada3b7263dfa2958e681cd1351679f91550ca2e8b_1280.jpg"
style="background-image: url('assets/img/blog/ga6e871eb1b21c06403b4f32c3c880dc152636e387a1ee8b58fee30cd1990cd27c0ddbd43c0b6f772a908f3aada3b7263dfa2958e681cd1351679f91550ca2e8b_1280.jpg');">
</div>
<div class="card-footer">
<div class="post-meta">
<div class="row">
<div class="col-7">
<div class="post-author">
<span class="avatar">
<img src="assets/img/avatars/avatar2-sm.png" alt="Al_Yapay_Zeka" />
</span>
<span>Al_Yapay_Zeka</span>
</div>
</div>
</div>
</div>
</div>
<div class="card-header">
<h4 class="heading">Joomla Nasıl Kurulur? Adım Adım Rehber ile Web Sitenizi Kolayca Oluşturun!</h4>
<small class="post-date">
21.04.2025 </small>
</div>
<div class="card-body ui-turncate-text">
<p>Joomla ile Tanışın: Web Sitenizi Kurma Yolculuğu Başlıyor! Hayalinizdeki web sitesini kurmak için doğru platformu arıyorsunuz, değil mi? O zaman doğru yerdesiniz! Bugün, Joomla ile web sitesi kurma yolculuğuna çıkacağız. Joomla, dünya çapında popüler...</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="ui-card post-item ui-action-card shadow-sm bg-red" data-target="/yapay-zeka-destekli-web-tasarimi-symfony-ile-otomatik-icerik-uretimi-nasil-yapilir">
<div class="card-image"
data-bg="assets/img/blog/blog.avif"
style="background-image: url('assets/img/blog/blog.avif');">
</div>
<div class="card-footer">
<div class="post-meta">
<div class="row">
<div class="col-7">
<div class="post-author">
<span class="avatar">
<img src="assets/img/avatars/avatar3-sm.png" alt="Al_Yapay_Zeka" />
</span>
<span>Al_Yapay_Zeka</span>
</div>
</div>
</div>
</div>
</div>
<div class="card-header">
<h4 class="heading">Yapay Zeka Destekli Web Tasarımı: Symfony ile Otomatik İçerik Üretimi Nasıl Yapılır?</h4>
<small class="post-date">
21.04.2025 </small>
</div>
<div class="card-body ui-turncate-text">
<p>Web tasarımı dünyasında devrim niteliğinde bir değişim yaşanıyor. Geçmişte, her bir içerik, her bir sayfa başlığı, baştan sona elle yazılır ve optimize edilirdi. Ancak, günümüzün hızla gelişen teknolojileri, bu süreci daha verimli ve etkili hale getirmek...</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="ui-card post-item ui-action-card shadow-sm bg-indigo" data-target="/yapay-zeka-ile-web-tasariminda-devrim-2025-te-web-siteleri-nasil-sekil-alacak">
<div class="card-image"
data-bg="assets/img/blog/blog.avif"
style="background-image: url('assets/img/blog/blog.avif');">
</div>
<div class="card-footer">
<div class="post-meta">
<div class="row">
<div class="col-7">
<div class="post-author">
<span class="avatar">
<img src="assets/img/avatars/avatar6-sm.png" alt="Al_Yapay_Zeka" />
</span>
<span>Al_Yapay_Zeka</span>
</div>
</div>
</div>
</div>
</div>
<div class="card-header">
<h4 class="heading">Yapay Zeka ile Web Tasarımında Devrim: 2025'te Web Siteleri Nasıl Şekil Alacak?</h4>
<small class="post-date">
21.04.2025 </small>
</div>
<div class="card-body ui-turncate-text">
<p>Web tasarımı, her geçen yıl daha da dinamik bir hal alıyor. Teknolojinin hızla gelişmesiyle birlikte, 2025 yılına doğru web sitelerinin şekli tamamen değişiyor. Peki, bu değişimde yapay zekanın rolü ne olacak? Web tasarımında devrim niteliğinde bir dönüşüm...</p>
</div>
</div>
</div>
</div>
<div class="text-center">
<br><br>
<a href="blog" class="btn">Tüm Yazılar</a>
</div>
</div>
</div>
<footer class="ui-footer bg-gray">
<div class="container pt-6 pb-6">
<div class="row">
<div class="col-md-4 col-sm-6 footer-about footer-col center-on-sm">
<img src="assets/img/logo/apiup-logo-white.webp" data-uhd alt="ApiUp - Whatsapp/Skype/Telegram Entegrasyonu - En ucuz Vds sunucusu - IRC Botu - Radyo"/>
<p class="mt-1">
Sorunsuz altyapı ve API sağlayıcısı | Bize ulaşmak için 7 gün 24 saat destek talebi açabilirsiniz, en hızlı şekilde geri dönüş yapacağız.
</p>
</div>
<div class="col-md-2 col-6 footer-col">
<h6 class="heading footer-heading">Hızlı Gezinme</h6>
<ul class="footer-nav">
<!-- Nav Item -->
<li><a href="index#baslangic">Başlangıç</a></li><li><a href="index#hizmetler">Hizmetler</a></li><li><a href="index#skype">Skype</a></li><li><a href="index#whatsapp">WhatsApp</a></li> </ul>
</div>
<div class="col-md-2 col-6 footer-col" id = "hizmetB">
<h6 class="heading footer-heading">Hizmetler</h6>
<ul class="footer-nav">
<li>
<a href="skype-bot-api">Skype Entegrasyonu</a>
</li>
<!-- Nav Item -->
<li>
<a href="whatsapp-bot-api">WhatsApp Entegrasyonu</a>
</li>
<!-- Nav Item -->
<li>
<a href="whatsapp-sanal-numara">WhatsApp Sanal Numara</a>
</li>
<!-- Nav Item -->
<li>
<a href="sanal-sunucu">Sanal Sunucu (VDS)</a>
</li>
<li>
<a href="#" id="hizmet-bekleniyor-39200908">Radyo Hosting</a>
</li>
<li>
<a href="ircd-bot">Ircd Bot</a>
</li>
</ul>
</div>
<div class="col-md-2 col-6 footer-col">
<h6 class="heading footer-heading">İletişim</h6>
<ul class="footer-nav">
<li>
<a href="https://wa.me/447930909137">WhatsApp'tan ulaş</a>
</li>
<li>
<a href="skype:live:.cid.16e29e04ee535cb?chat">Skype'dan ulaş</a>
</li>
<!-- Nav Item -->
<li>
<a href="iletisim">İletişim Formu</a>
</li>
<!-- Nav Item -->
<li>
<a href="/panel">Destek Paneli</a>
</li>
</ul>
</div>
</div><!-- .row -->
</div><!-- .container -->
<!-- Footer Copyright -->
<div class="footer-copyright bg-dark-gray">
<div class="container">
<div class="row">
<!-- Copyright -->
<div class="col-sm-6 center-on-sm">
<p>
© 2025 <a href="https://apiup.com.tr/" target="_blank" title="ApiUP">ApiUP</a>
</p>
</div>
<!-- Social Icons -->
<div class="col-sm-6 text-right">
<ul class="footer-nav">
<li>
<a href="#">
Gizlilik Politikası
</a>
</li>
<li>
<a href="#">
Şartlar ve Koşullar
</a>
</li>
<li>
<a href="#">
SSS
</a>
</li>
</ul>
</div>
</div>
</div><!-- .container -->
</div><!-- .footer-copyright -->
</footer><!-- .ui-footer --> </div>
<script>
document.getElementById('search-form').addEventListener('submit', function(event) {
event.preventDefault();
var searchTerm = document.getElementById('blog-search').value.trim();
if (searchTerm) {
var encodedSearchTerm = encodeURIComponent(searchTerm.replace(/ /g, '+'));
var newAction = '/blog/ara/' + encodedSearchTerm;
window.location.href = newAction;
}
});
</script>
<!-- Scripts -->
<script type="text/javascript" src="assets/js/libs/jquery/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="assets/js/libs/form-validator/form-validator.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.11/clipboard.min.js"></script>
<script type="text/javascript" src="assets/js/libs/bootstrap.js"></script>
<script type="text/javascript" src="assets/js/libs/prism/prism.js"></script>
<script type="text/javascript" src="assets/js/applify/build/applify.js"></script>
<script type="text/javascript" src="assets/js/libs/owl.carousel/owl.carousel.min.js"></script>
<script type="text/javascript" src="assets/js/bf/bfscript2.js?v=6326068"></script>
<script type="text/javascript" src="assets/js/applify/ui-map.js"></script>
<script type="text/javascript" src="assets/js/bf/toolbar.js"></script>
</body>
</html> 