AllaTurkaa

Merhaba Allaturka Forum Üyeleri Ve ziyaretçiler,

Maksimum sadelik ve hız odaklı bu widget'ı paylaşıyorum. Kod, tamamen tek bir HTML/CSS/JS dosyası olarak hazırlanmıştır ve sitenizin herhangi bir yerine kolayca entegre edilebilir.
Hiçbir ek kütüphane veya zorunlu sunucu ihtiyacı yoktur (sadece ikonlar için Font Awesome CDN kullanılır).

2. Bölüm: Özellikler Listesi (Detaylı Kapsam)

Aşağıda, widget'ın tüm ana ve detaylı özellikleri listelenmiştir:

A. Arayüz ve Kullanılabilirlik (UX) Özellikleri

1. Tek Tıkla Dil Desteği (TR/EN): Widget başlığının yanında bulunan butonlar ile tüm metinler anında Türkçe ve İngilizce arasında çevrilir.

2. Maksimum Sadeliğe Odak: Görsel kirlilik yaratacak (loading ikonları, karmaşık geçişler vb.) tüm öğelerden arındırılmıştır.

3. Kullanışlı Geri Dönüş: Arama sonuçları veya Biyografi Kartı göründüğünde, arayüzün üst kısmında "« Ana Sayfaya Dön" butonu belirir. Bu sayede sayfayı yenilemeden ana içeriğe dönülebilir.

4. Koyu Tema (Dark Mode): Göz yormayan, kontrastlı ve modern bir koyu tema ile tasarlanmıştır.

B. İçerik ve Keşif Özellikleri

5. Gelişmiş Sanatçı Bilgi Kartı: Tanımlı sanatçılar arandığında veya "Keşfet" butonuna basıldığında, görsel, kategori, kısa biyografi ve detaylı bilgiye yönlendiren harici bir link içeren özel bir bilgi kartı gösterilir.

6. "Şimdi Ne Dinlesem? ????" Butonu: Kullanıcıya önceden tanımlı popüler veya önerilen şarkılardan rastgele bir tanesini sunarak yeni keşiflere yönlendirir.

7. Popüler Aramalar: Ana sayfada, güncel trendleri veya önerilen önemli aramaları gösteren tıklanabilir etiketler (metin olarak) bulunur.

8. Son Aramalarınız: Kullanıcının tarayıcı yerel depolamasını kullanarak son 5 arama geçmişini listeler.

9. Gündemdeki Sanatçılar: Ana sayfada, öne çıkarılmak istenen sanatçıların sade etiketler halinde listesi bulunur.

10. Tarihte Bugün Kutusu: Müzik tarihinde önemli bir olayı veya sanatçının doğum gününü öne çıkaran tematik bir bilgi kutusu içerir.

C. Arama Sonuçları ve Harici Bağlantılar

11. Anında Google Arama: Arama butonu tıklandığında, arama sorgusunu ana müzik dinleme platformlarına yönlendirmek için yeni bir sekmede açar.

12. Özel Şarkı Sözü Linki: Arama sonucunda ilk sırada, aranan şarkının sözlerine doğrudan ulaşmayı sağlayan öncelikli bir link bulunur.

13. Çoklu Platform Linkleri: YouTube, Spotify (Resmi Sayfa) ve Deezer gibi platformlara, aranan şarkıyı hızlıca yönlendiren ayrı ayrı linkler listelenir.

14. Popülerlik Bağlam Etiketleri: Platform linklerinde, sadeliği bozmayacak şekilde küçük formatta (⭐ Popüler, ???? Yükselişte vb.) etiketleri gösterilebilir.

15. Paylaşım Aracı: Arama sonucunun linkini ve metnini panoya kopyalayan bir buton ile içeriğin kolayca paylaşılması sağlanır.

3. Bölüm: Teknik Detaylar ve Kurulum

• Mimari: Tüm bileşenler tek bir HTML dosyasına entegre edilmiştir.
• Bağımlılıklar: Yalnızca Font Awesome 6 CDN kullanılır.
• Veri Yönetimi: Geçmiş takibi dışında tüm veriler (sanatçılar, popüler aramalar) JavaScript objeleri içinde tutulur ve kolayca güncellenebilir.
• Kurulum: Paylaşılan kod bloğunun tamamını sitenizin HTML koduna eklemeniz yeterlidir.

Kodlar Ekte Verilmiştir.

Hepinize keyifli kullanımlar dilerim. Sorularınız ve geri bildirimleriniz için bu başlık altından ulaşabilirsiniz!