AllaTurkaa

Selamlar değerli forum üyeleri ve radyo yayıncıları!

Bugün sizlerle, tasarımında modern (Cam efekti) ve premium geçişlerin kullanıldığı, tamamen mobil uyumlu ve şık bir radyo kartı (player) paylaşıyorum.
İster kişisel sitenizde, ister Blogspot’ta, isterseniz forum indexlerinizde kullanabileceğiniz bu tasarım, radyonuzun kalitesini bir adım öne taşıyacak.

Player Özellikleri

• Modern Tasarım: Şeffaf cam efekti ve altın sarısı & lacivert uyumu.
  
• Anlık Yayın Bilgisi: "Şu An Çalan" şarkı bilgisini FastCast4U üzerinden otomatik çeker.
  
• Çoklu Platform Desteği: Winamp, Media Player ve Web tarayıcıları için indirme ikonları hazır.
  
• Mobil Uyum (Responsive): Telefondan, tabletten veya bilgisayardan girildiğinde milim kayma yapmaz, ekranı kaplar.
  
• Yüksek Performans: Sadece HTML ve CSS; sitenizi yormaz, kasmadan çalışır.
  

Ayarlar ve Kişiselleştirme (Nereleri Değiştirmelisiniz?)
Kodu sitenize eklemeden önce kendi bilgilerinizle şu kısımları güncelleyin:

1. Radyo İsmi ve Sloganı:
   
   • <h1> etiketi içindeki "DOST YURDU RADYO" kısmını silip kendi isminizi yazın.
     
   • <div class="sub"> içindeki sloganı kendi radyonuzun mottosuna göre deyiştirin.
     

[*]Logo ve Resim:

• <div class="logo"> altındaki <img src="..."> kısmına radyonuzun .png veya .jpg logo linkini yapıştırın.
  

[*]Yayın Linkleri (En Önemli Kısım):

• <source src="..."> içindeki linki kendi radyo yayın (stream) linkinizle deyiştirin.
  
• <a href="..."> ve data-username="..." kısımlarına FastCast veya Shoutcast kullanıcı adınızı/ID'nizi yazın ki şarkı bilgisi doğru gelsin.
  

[*]İletişim Bilgisi:

• <div class="contact"> kısmındaki telefon numarasını kendi WhatsApp hattınızla güncelleyin.
  

Hangi Sistemlere Uygulanabilir?
Bu kod saf HTML5 ve CSS3 olduğu için her sisteme tam uyumludur:

• Blogspot (Blogger): Yeni bir Gadget ekle (HTML/JavaScript) diyerek kodu içine yapıştırın ve kaydedin. Sidebar'da veya ana sayfada jilet gibi duracaktır.
  
• Joomla & WordPress: Sayfa düzenleyiciden "Özel HTML" bloğu ekleyerek direkt kullanabilirsiniz.
  
• Forum İndexleri (Allaturkaa vb.): Kendi hazırladığınız index dosyalarının içine gönül rahatlığıyla gömebilirsiniz.
  
• Özel Scriptler: PHP veya HTML tabanlı her türlü web sitesinde çalışır.
  

Kurulum ve Kod Alma
Aşağıda paylaştığım kodları bir index.html dosyası olarak kaydedip sunucunuza atabilir veya direkt sisteminizin HTML editörüne yapıştırabilirsiniz.
DEMO GÖRÜNÜM: BURADAN BUYRUN

Tasarım Yayın Altyapısı: FastCast4U & Shoutcast Uyumludur


Güle güle kullanın, bol dinleyicili yayınlar dilerim!

Zitat von »Melodi Melodi«

Elinize emeginize saglik Güzel bir Player daha olmus

Değerli yorumunuz için çok teşekkür ederim. Sizler için açık kaynak ve reklamsız araçlar üretmekten keyif alıyorum.
Yakında yeni ve farklı widget'larla çalışmalara devam edeceğiz, takipte kalın!