You are not logged in.

Seyyah20

Intermediate

  • "Seyyah20" is male
  • "Seyyah20" started this thread

Posts: 490

Date of registration: Jan 26th 2014

Location: DENİZLİ/Gönlünüze ektiğiniz her güzellik, bir gün size bereketli bir hasat olarak dönecektir.

  • 1023
  • Send private message

1

Wednesday, October 22nd 2025, 12:12am

sayfalarınıza , Bloglarınıza Yeni Nesil, Görsel Efektli Ve Saydam Oynatıcı Widget Kurulumu!


Yeni Nesil, Görsel Efektli Radyo Oynatıcı Widget Kurulumu!


Değerli Allaturka üyeleri, sayfalarınıza veya bloglarınıza ekleyebileceğiniz modern tasarımlı radyo oynatıcımızın kodunu ve kurulum detaylarını burada bulabilirsiniz.


Oynatıcımız, arka plan ayarları sayesinde sitenizin temasına kolayca uyum sağlar. Oynatıcı, **şarkı adını, ses seviyesi ayarını ve görsel bir ekolayzır animasyonunu** tek bir kompakt pakette sunar!

 


### 1. Temel Özellikler


* **Tema Uyumu:** Oynatıcı, yerleştirildiği sayfanın arka planını kullanır (iframe body saydamdır).


* **Dinamik Ekolayzır:** Radyo çalarken hareket eden görsel bir ekolayzır animasyonu.


* **Şarkı Bilgisi:** Anlık çalan şarkı adı otomatik olarak güncellenir.


* **Tıklanabilir Logo:** **Logoya tıkladığınızda** yeni sekmede ana sitemiz **`https://dostyurdu.blogspot.com/`** açılır.


* **Harici Oynatıcılar:** Alt kısımda, yayını harici programlarla (Winamp, QuickTime, vb.) dinlemek için linkler mevcuttur.

 


### 2. Kurulum Talimatları (Iframe Kullanımı)


**Adım 1:** Radyo oynatıcısının **HTML kodunun tamamını** kopyalayın ve sunucunuzda (örneğin FTP) `radyo_player_opak.html` gibi bir dosya adı ile kaydedin.


**Adım 2:** Kaydettiğiniz dosyanın tam web adresini (URL) alın. Örn: `https://siteniz.com/radyo_player_opak.html`.


**Adım 3:** Sayfalarınızda veya widget alanında aşağıdaki **Iframe kodunu** kullanın. **[HTML DOSYASININ TAM URL'si]** kısmını kendi dosya adresinizle değiştirin:

<iframe 
    src="[HTML DOSYASININ TAM URL'si]" 
    width="400" 
    height="170" 
    frameborder="0" 
    scrolling="no"
    allow="autoplay"
    style="border: none; margin: 0; padding: 0; display: block;"
>
</iframe>
        

 


* **Önemli Not:** **`width` (genişlik) 400px** ve **`height` (yükseklik) 170px** değerlerini, oynatıcının en iyi görünmesi için kullanın.


### 3. Kişiselleştirme Alanları (Gelişmiş)


Eğer isterseniz, HTML dosyasını düzenleyerek şu alanları kişiselleştirebilirsiniz:


* **Radyo Adı:** HTML'deki `

` etiketini değiştirin.


* **Logo Linki:** **`https://dostyurdu.blogspot.com/`** adresini başka bir linkle değiştirebilirsiniz.


* **Renkler:** Oynatıcı kutularının arka plan renklerini sitenizin temasına uygun yeni kodlarla değiştirebilirsiniz. (Şu anki renkler: Üst Kutu: **`#2c3e50`**, Alt Kutu: **`#1a252f`**).


Bu gelişmiş oynatıcı ile yayınlarımızı keyifle dinlemeniz dileğiyle!



Seyyah20 has attached the following file: