Flash Mp3 Çalar Eklentisi
“Bir blogda en gereksiz 3 şey nedir?” diye bir soru sorsanız listeye eleyeceğim şeylerden biri mutlaka müzik çalardır. Ancak herkesin düşüncesi ve tarzı farklı olduğu için bloguna müzik çalar eklemek isteyen çok kişi ulaştı iletişim formuyla. Onlara geçici birkaç çözüm önerdikten sonra her bloga uyacak pratik bir müzik çalar scripti aramaya başladım ve sonunda istediğim gibi bir script buldum.
Fransız bir sitede Dewplayer isimli bir flash script bularak bunu bir Blogger eklentisine çevirdim. Her tasarıma uyması için birkaç farklı versiyonunu paylaşacağım. İstediğiniz versiyonun altındaki kodları Yerleşim > Gadget Ekle > HTML/JavaScript yolunu izleyerek açılan pencereye ekleyin.
1. Classic Versiyon
2. Mini Versiyon
3. Vol Versiyon
4. Bubble Versiyon
Çalacak Şarkıyı Belirleme
Çalmasını istediğiniz şarkının bağlantısını kırmızı renkle yazdığım yere yazmalısınız. Bilgisayarınızda bulunan bir mp3’ün çalmasını istiyorsanız, o dosyayı öncelikle Dropbox’a yüklemelisiniz. Daha sonra aynı benim yaptığım gibi Dropbox üzerindeki bağlantıyı kırmızı renkle gösterdiğim yere yazmalısınız. Dropbox nedir? Nasıl kullanılır diyorsanız konuyla ilgili daha önce yazdığım yazıyı okuyabilirsiniz.
Yazı İçersine MP3 Çaları Ekleme
Yukarıda size gadget olarak ekleyebileceğinizi yazmıştım ama isterseniz bu mp3 çaları yazınızın içerisine de ekleyebilirsiniz. Bunun için Yeni Yayın oluştur dedikten sonra HTML sekmesini açıp istediğiniz müzik çaların kodlarını buraya ekleyebilirsiniz.
Takıldığınız bir yer olursa yorum bölümünden sorabilirsiniz. Bu arada yazıyı arkadaşlarınızı paylaşmayı unutmayın :)
Fransız bir sitede Dewplayer isimli bir flash script bularak bunu bir Blogger eklentisine çevirdim. Her tasarıma uyması için birkaç farklı versiyonunu paylaşacağım. İstediğiniz versiyonun altındaki kodları Yerleşim > Gadget Ekle > HTML/JavaScript yolunu izleyerek açılan pencereye ekleyin.
1. Classic Versiyon
<object type="application/x-shockwave-flash" data="https://drive.google.com/file/d/0BxxMpDce-fNUTmJVVTUwS3REbWc" width="250" height="65" id="dewplayerbub" name="Blog Hocam Müzik Çalar">
<param name="movie" value="https://drive.google.com/file/d/0BxxMpDce-fNUTmJVVTUwS3REbWc" />
<param name="flashvars" value="mp3=https://docs.google.com/file/d/0BxxMpDce-fNUMW9TMlpHa2Y1YjQ" />
</object>
2. Mini Versiyon
<object type="application/x-shockwave-flash" data="https://docs.google.com/file/d/0BxxMpDce-fNUazZJMVkyRFFBWDA" width="250" height="65" id="dewplayerbub" name="Blog Hocam Müzik Çalar">
<param name="movie" value="https://docs.google.com/file/d/0BxxMpDce-fNUazZJMVkyRFFBWDA" />
<param name="flashvars" value="mp3=https://docs.google.com/file/d/0BxxMpDce-fNUMW9TMlpHa2Y1YjQ" />
</object>
3. Vol Versiyon
<object type="application/x-shockwave-flash" data="https://docs.google.com/file/d/0BxxMpDce-fNUeUdYNWNjVHRtRDg" width="250" height="65" id="dewplayerbub" name="Blog Hocam Müzik Çalar">
<param name="movie" value="https://docs.google.com/file/d/0BxxMpDce-fNUeUdYNWNjVHRtRDg" />
<param name="flashvars" value="mp3=https://docs.google.com/file/d/0BxxMpDce-fNUMW9TMlpHa2Y1YjQ" />
</object>
4. Bubble Versiyon
<object type="application/x-shockwave-flash" data="https://docs.google.com/file/d/0BxxMpDce-fNUbXNQb1VGemVTaDQ" width="250" height="65" id="dewplayerbub" name="Blog Hocam Müzik Çalar">
<param name="movie" value="https://docs.google.com/file/d/0BxxMpDce-fNUbXNQb1VGemVTaDQ" />
<param name="flashvars" value="mp3=https://docs.google.com/file/d/0BxxMpDce-fNUMW9TMlpHa2Y1YjQ" />
</object>
Çalacak Şarkıyı Belirleme
Çalmasını istediğiniz şarkının bağlantısını kırmızı renkle yazdığım yere yazmalısınız. Bilgisayarınızda bulunan bir mp3’ün çalmasını istiyorsanız, o dosyayı öncelikle Dropbox’a yüklemelisiniz. Daha sonra aynı benim yaptığım gibi Dropbox üzerindeki bağlantıyı kırmızı renkle gösterdiğim yere yazmalısınız. Dropbox nedir? Nasıl kullanılır diyorsanız konuyla ilgili daha önce yazdığım yazıyı okuyabilirsiniz.
Yazı İçersine MP3 Çaları Ekleme
Yukarıda size gadget olarak ekleyebileceğinizi yazmıştım ama isterseniz bu mp3 çaları yazınızın içerisine de ekleyebilirsiniz. Bunun için Yeni Yayın oluştur dedikten sonra HTML sekmesini açıp istediğiniz müzik çaların kodlarını buraya ekleyebilirsiniz.
Takıldığınız bir yer olursa yorum bölümünden sorabilirsiniz. Bu arada yazıyı arkadaşlarınızı paylaşmayı unutmayın :)
Merhaba,
YanıtlaSilSorunuzu çok iyi anladım. Sayfanın açılış hızını az da olsa etkilediği doğru ama gereksiz dememin nedeni tamamen şasi fikrim. Genel bir kural olarak algılamayın. Sadece hoşlanmadığım için öyle yazmıştım. İsterseniz elbette kullanabilirsiniz. Dinlemek istemeyen zaten sesi kapatır. Benim yaptığım gibi :)
cevabınızın hızı karşısında size saygılarımı gönderiyorum hocam...
YanıtlaSilteşekkür ederim.
Bloga müzik eklemek güzel bir şey. Geçenlerde internette gezerken ben de hoş bir müzik oynatıcı ile karşılaştım, çok yönlü özellikleri de mevcut. Ayrıca kolaylıkla da bloga eklenebiliyor. En önemli özelliği ise blogun ya en üstüne ya da en altına eklenebilmesi. Bunun gibi birçok özelliği mevcut.
YanıtlaSilhttp://scmplayer.net/
eğer şarkı aniden çalıyorsa korkutuyor resmen.. hemen çıkıyorum o sayfadan.
YanıtlaSil@ihtiyar
YanıtlaSilNeyse ki bunun play butonuna basmadan şarkı çalmıyor.
Hocam Bir Şey Sorucam Siz Etiket Kullanıyor musunuz ? Hiç Göremiyorum da :D
YanıtlaSilBide Ben Dizi Sayfası kullanıyorum bir ara türkiye sıralamam vardı şimdi yok onu nasıl geri türkiye sıralamasına girebilirim.
Hocam Tekaradan Ben Bu sorun bende bir eklenti ekledikten sonra böyle oldu hocam şablonları açtığımda her zaman bu geliyor şablonu ve tasarımı değiştiremiyorum !
YanıtlaSilhttp://beniaffetdizi2.blogspot.com/b/app-preview?token=2fnbkjsBAAA.YVcWo2cimujaCE8BU2_8nw.FX015lue_HLbUFGeQ_k5dg
Google Docs veya Yandex Disk'ede yüklesek çalışır mı Serdar Bey?
YanıtlaSil@İlhami Sekiz
YanıtlaSilEvet, çalışır.
hocam yeri değil ama şu abone sayacı görünmüyor bir çok blogda siz nasıl yaptınız. paylaşırsanız sevinirim.
YanıtlaSilben ne yapdımsa beceremedi
YanıtlaSilellerine sağlık abi daha önce sana mail yoluyla sormuştum. Makaleye birazdan eklicem eğer sorunla karşlaşırsam tekrardan yazarım.
YanıtlaSilEvet playeri degistirerek albüm olarak da eklene biliyor ^_^ teşekkürler
YanıtlaSilHocam kasmayan bir mp3 player swfsi lazım bendede SCM player var blog yaklaşık 45 tane müzik var www.serkanturkel.blogspot.com blog hızını yavaşlattıgının farkındayım fakat frame ile direk net ve hızlı acılabilecegini düşünmekteyim.SCMnin mantıgıda frame ama javascript ile direk acılmasını saglayabiliriz bence.
YanıtlaSilUyguladım.
YanıtlaSilGüzel ve kolay anlaşılır bir anlatım olmuş.
Teşekkürler...
Arkadaşımın laptop'undan bloga girdiğimde eklentinin çalışmadığını gördüm.Youtube videosu çalışıyordu ama.
YanıtlaSilSebebi ne olabilir sizce?
@Zeugma
YanıtlaSilŞarkının URL'si kısmına ne yazdınız?
Kendi bilgisayarımda halen çalışıyor.Sorun yok
YanıtlaSilBütün tarayıcılarda hem de.
Dropbox yükledim ve oradan aldığım linki sizin gösterdiğiniz kırmızı kısmın yerine kopyaladım.
Şu şekilde:
https://dl-web.dropbox.com/get/Photos/Sample%20Album/Evgeny%20Grinko%20-%20blizzard.mp3?w=155c9153
Bu link sadece kendi bilgisayarınız üzerinde çalışır. Şarkıyı Dropbox içindeki public klasörüne yüklerseniz herkese açmış olursunuz. Şarkıyı public klasörüne atıp o linki kopyalayın.
YanıtlaSilTamam, anladım.
YanıtlaSilO halde söylediklerinizi en kısa zamanda yapayım.
Çözümü varmış, öğrenmiş oldum, yine sayenizde...
Çok teşekkür ederim...
Garip ama, bendeki Dropbox'ta public klasörü yok...
YanıtlaSilSample Album ve Photos dosyaları var sadece...
https://www.dropbox.com/home/Public adresine gittiğinizde ne çıkıyor?
YanıtlaSilGetting Startet.pdf dosyası var orada da.
YanıtlaSilPublic klasör'e ilişkin bir başlık gelmiyor anlayacağınız.
Pdf tıklanınca açılan sayfa şu, başka da bir şey yok.
https://dl-web.dropbox.com/get/Getting%20Started.pdf?w=81a0d102
Ben sizi daha fazla yormayayım, epeyce uzattım işi...
Çok teşekkürler tekrar hocam...
https://www.dropbox.com/home
YanıtlaSilsayfasının üst orta yerinde pembe bir butonla
''the public dosn't exit'' diye bir uyarı gelip 5 sn sonra kayboluyor.
Bunu da son bilgi olarak ekleyeyim...
Peki şöyle yapın. Zeugma isimli bir klasör oluşturup şarkıyı bu klasörün içine atın. Daha üst taraftaki küçük ikonlardan share a folder a tıklayarak bu klasörü paylaşıma açın.
YanıtlaSilSöylediğinizi yapıp böyle bir link aldım.
YanıtlaSilhttps://dl-web.dropbox.com/get/Photos/Sample%20Album/Zeugma/Evgeny%20Grinko%20-%20blizzard.mp3?w=46f57de1
Bende yine çalışıyor, başka PC'lerde asla.
Yani değişen bir şey olmamış...
Hocam, boşverelim en iyisi..
Yeter bu kadar zamanınızı aldığım...
Çok çok teşekkürler...
Saygılar...
@Zeugma
YanıtlaSilPublic klasörünü ilk kurulumda eklemiyor şu bağlantıdan: https://www.dropbox.com/enable_public_folder etkinleştirmeniz gerekiyor.
Söylediğinizi yaptım ve etkinleşti gerçekten.
YanıtlaSilÇok teşekkür ederim...
YanıtlaSilBlogger'ın yeni ara yüze geçmesiyle başlayan Google Friend Connect->İZLE sayfasında yaşadığım problem had safhaya çıktı. Seçtiğim bloglar başka bir profile toplanıyordu. Artık o bile mümkün değil.
Açılan sayfada yazan sadece şu:
Not Found
Error 404
Bu konunun çözümüyle ilgili bilginiz varsa yazabilir misiniz lütfen?
Şimdiden teşekkürler...
Yazdığımız yazıya nasıl müzik ekleyebiliriz?
YanıtlaSilBana acil cevap lazım açılır menü yapamadım sizlerin ki gibi bir blog istiyorum http://nedengenciz.blogspot.com/
YanıtlaSilLütfen yardım edin...
Teşekkürler oldu. Şimdi sıra müzik url bulmakta..
YanıtlaSilHEM MÜZİĞİ UPLOAD YAPIP NASIL DİNLEME EKLENTİSİ EKLİCEM YARDIMCI OLURMUSUNUZ
YanıtlaSilHer seferinde tek tek kod ekleme derdiyle uğraşmadan ister playlist ister tek şarkılık mp3 çaldırmak için hazırladığım mp3 player eklentisi ile ilgili detaylar
YanıtlaSilhttp://www.gokaydemirkiran.com/2014/11/blogger-icin-html5-player.html
yardımcı olur belki arkadaşlara
@bloghocam konu için de ayrı bir teşekkür ederim
Arkadaşlar ben böyle bir mp3 player kullaıyorum isteyene yardımcı olabilirim
YanıtlaSilhttp://kitaptakiadam.blogspot.com.tr
Bu yorum yazar tarafından silindi.
YanıtlaSil