AllaTurkaa

Merhaba değerli Allaturkaa Forum üyeleri,

Bugün sizlerle tasarımıyla göz dolduran, fonksiyonel ve tamamen özelleştirilebilir yeni radyo indeximizi paylaşıyorum.
Gönül Teli FM (RADYO İSMİ ÖRNEKTİR) konseptiyle hazırlanan bu çalışma; modern bir JV Player, hareketli DJ paneli ve entegre chat alanı ile tam bir yayın paketidir.

Teknik Özellikler & Ölçüler
İndexi kendi sunucunuza veya blogunuza eklerken şu ölçüleri dikkate almanız tasarımın bozulmaması için önemlidir:

• Ana Şablon Genişliği: 1200px
  
• Arka Plan Görseli: 1200x1572px
  
• Chat Alanı: 1090x690px
  
• Kayan DJ Paneli: 1106x45px
  
• Player Genişliği: 850px
  

Nasıl Özelleştirilir? (Kullanım Klavuzu)
Kodların içinde düzenleme yaparken aşağıdaki adımları izleyerek indexi kendinize göre uyarlayabilirsiniz:
1. Arka Plan ve Ana Resimleri Değiştirme
Kodun en başında bulunan image1 div'i içindeki linki kendi resminizle değiştirebilirsiniz:

• Ana Arka Plan: https://s1.directupload.eu/images/260401/p2oriqaw.jpg
  
• Üst /Gif: image2 içindeki it3pq8h3.gif linkini değiştirerek kendi resminizi ekleyebilirsiniz.
  

2. Radyo Linklerini ve Şarkı İsmini Ayarlama
Player'ın çalışması ve şarkı bilgilerinin çekilmesi için şu iki alanı düzenleyin:

• Yayın Linki: jv-audio-engine id'li tag içindeki src="https://eu4.fastcast4u.com/proxy/allaturka?mp=/1" kısmına kendi yayın linkinizi yazın.
  
• Şarkı İsmi (Streaminfo): cc_streaminfo sınıfındaki data-username="allaturka" kısmına kendi Shoutcast/Icecast kullanıcı adınızı yazın.
  

3. Kayan DJ Listesi ve Resimleri
html2 id'li bölümün altında DJ isimlerini ve resimlerini bulacaksınız.

• <img src="..."> kısımlarına DJ'lerinizin profil resimlerini (Önerilen: 30x30px veya 50x50px kare) ekleyin.
  
• DJ GİZEM, DJ YANKI gibi metinleri kendi ekibinizle değiştirin.
  

4. Chatango (Sohbet) Alanı
html4 bölümünde bulunan Chatango kodundaki {"handle":"testschat"} kısmındaki "testschat" yerine kendi Chatango oda adınızı yazmanız yeterlidir. Chat alanı arka planı için chat-frame-container stilindeki resim linkini değiştirebilirsiniz.
5. Buton Linkleri (SID, Forum vb.)
shape1den shape4e kadar olan bölümler buton alanlarıdır.

• Forum Linki: href="https://allaturkaa.de/forum/" Bu Buton kısımları Değiştirmeyiniz.
• SID Gönder: href="https://allaturkaa.de/radyo/sid.php?no=1001" .

Not: Kod yapısı HTML 4.01 standartlarında hazırlanmıştır. Görsellerin hızlı yüklenmesi için optimize edilmiştir.
Ekte resimler ve kodlar verilmiştir. Tüm bilgileri değiştirmek, index'i ve temayı kesip biçmek ve her türlü değişikliği yapmak serbesttir; kafanıza göre takılın!
Radyo kurucularınıza gerekli değişiklikleri yaptırabilir, Player ve Chat sistemini kendinize göre güncelleyebilirsiniz.


Blogspot (Blogger) Üzerine Nasıl Eklenir?
Blogger (Blogspot) Üzerine En Temiz Kurulum Yöntemi
Eğer indexin sayfaya tam oturmasını, sağda solda boşluk kalmamasını istiyorsanız şu adımları izleyin:

1. Yeni Blog Oluşturun: Blogger panelinden kendinize bir isim ve adres (URL) belirleyerek yeni bir blog açın.
   
2. Temayı Hazırlayın: Sol menüden "Tema" (Theme) kısmına girin.
   
3. Klasik Temaya Geçiş: "Özelleştir" butonunun yanındaki küçük ok simgesine (▼) tıklayın ve "Birinci nesil Klasik temaya dön" (Switch to first generation Classic theme) seçeneğini seçin.
   
4. İçini Boşaltın: Şimdi "HTML'yi Düzenle" butonuna tıklayın. Karşınıza çıkan tüm eski kodları tamamen silin, içini bomboş yapın.
   
5. Kodlarımızı Yapıştırın: Size verdiğim tüm index kodlarını bu boş alana yapıştırın.
   
6. Navbar'ı (Üst Çubuğu) Kapatma: HTML düzenleme ekranının hemen üstünde veya yanında bulunan "Gezinti Çubuğu" (Navbar) butonuna tıklayıp buradan "Kapalı" (Off) seçeneğini işaretleyin.
   
7. Kaydet: Sağ üstteki disket simgesine basarak kaydedin.
   

Önemli İpucu: Eğer index sayfanın ortasında küçük kalırsa veya kenarlarda boşluk olursa, kullandığınız temanın genişlik ayarlarından veya "Yerleşim" kısmındaki ana gövde genişliğini 1200px yaparak tam uyum sağlayabilirsiniz.


Blogger Üst Çubuğu (Navbar) Nasıl Kaldırılır?
Blogger Üst Çubuğu (Navbar) Gizleme (Yeni Yöntem)
Eğer Blogger'ın o üstteki "Gezinti Çubuğu" tasarımı bozuyorsa, şu adımları izleyerek tamamen kaldırabilirsiniz:

1. Blogger panelinden sol menüdeki "Tema" (Theme) sekmesine tıklayın.
   
2. "[b]HTML'yi Düzenle"[/b] butonunun yanındaki küçük aşağı ok (▼) simgesine basın.
   
3. Açılan menüde en altta bulunan "Gezinti Çubuğunu Yerleştir" (Navbar) seçeneğine tıklayın.
   
4. Burada karşınıza çıkan pencerede "Kapalı" (Off) seçeneğini seçip Kaydet deyin.
   

Not: Eğer bu seçenek sizde görünmüyorsa, muhtemelen çok eski bir tema veya "Klasik Tema" kullanıyorsunuzdur. Bu durumda yine verdiğim şu küçük kodu CSS bölümüne ekleyerek zorla gizleyebilirsiniz:

CSS
<style>
#navbar-iframe { display: none !important; }
</style>


Görsel ve Kod Paylaşımı Hakkında Küçük Bir Not:
"Ekteki resimleri kendi sunucunuza (Hızlıresim, Directupload vb.) yükleyip kodlardaki linklerle değiştirmeniz, ileride resimlerin silinmemesi için en güvenli yoldur.
Ayrıca indexi kesip biçmek, renklerini değiştirmek veya player sistemini komple yenilemek serbesttir; buradaki amaç size sağlam bir temel sunmaktır."

Demo Adres: BURADAN BUYRUN

*Bilgi paylaştıkça çoğalır. Güle güle kullanın, yayınınız bol, Gönül Teliniz her daim titreşimde olsun!*

Alıntı sahibi "Melodi Melodi"

Elinize saglik güle güle kullansinlar Güzel olmus

Teşekkür Ederim Beğenmenize Sevindim. Umarım Birilerinin İşine Yarar.