Blogger Ana Sayfa İletişim Adresi Abonelik

23 Mart 2008 Pazar

Bloga Muzik Player Ekleme

Aslında bloğumda tema,tasarım,kodlama ile ilgili bir şeyler yayınlamak istemiyordum.

Ama sonuçta genel okuyucu kitlesi blog yazarları olduğundan dolayı birde mail olarak şu eklentiyi nasıl yaptın gibi sorulara özelden cevap vermek yerine blog yazarlarının yararına olan şeyleri mail aracılığıyla değil de tüm blog kullanıcılarının yararına olsun diye bloğumda paylaşmak istedim.

Herneyse wordpress kullananlar birkaç eklenti ile çok rahat bir şekilde sevdikleri şarkıları sitelerinden yayınlıyorlardı.

Blogger'da Şarkıları Yayınlamak İçin;


Birinci Kısım Sabit Eklenencek Kod

Öncelikle birinci kural bloğunuzun temasının yedeğini alın sonradan başınız ağrımasın...

Sonra: 1PixelOut.net sitesindeki wordpress için hazırlanan plugini kullanacağız.Download ettiğiniz dosyadan sadece 2 dosyayı kullacağız.

- audio-player.js
- player.swf

Bu iki dosyayı kendi sunucunuza veya başka bir sunucuya upload ediniz. En basiti ve kolay olanı Google Page'de sayfanız varsa onu kullanın yoksa yeni bir üyelik açıp indirmiş olduğunuz klasördeki "audio-player.js" ve "player.swf" dosyalarını sunucuya upload ediniz.

Sonrasında ise Blogger hesabınızdan

1-Bloğunuzda Şablon>Html'yi Düzenle seçeneğini seçtikten sonra "Widget Şablonlarını Genişlet" sekmesini işarerliyoruz.Genişletilmiş seçenek işaretlendikten sonra <-head-> kodundan sonra alttaki javascript kodunu ekliyoruz.

<-script language='JavaScript' src='http://www.birrr.com-a.googlepages.com/audio-player.js'/->


Şablonumuzu kaydediyoruz.

Yukardaki benim kullandığım javascript kodunu da kullanabilirsiniz ama aşırı yüklenme olduğunda şarkılar geç açılma ihtimali olabilir.Öncelikle yukardaki işlemleri yapmanızı tavsiye ederim eğer yapamıyorsanız veya zorlanıyorsanız yukardaki kodu direk ekleyebilirsiniz.

İkinci Kısım Şarkı Eklediğinizde Değiştirmek Zorunda Olduğunuz Kısım

Sonra bloğunuza yazı yazdıktan sonra müzik eklemek isteğinizde aşağıdaki kodu ekliyorsunuz yazılarınıza



Şarkı eklerken yukardaki kodu kullanıyoruz her seferinde ve aynı şekilde upload ettiğimiz şarkılarıda "şarkıadresi.com/şarkı.mp3" olan kısma şarkının ".mp3" uzantılı linki ile değiştiriyoruz.


Önemli Not:Birincisi Kodları bloğunuza ekleyeceğiniz zaman kodların başında bulunan tire (-) işaretlerini kaldırın.

İkincisi kesinlikle şarkı uzantısı ".mp3" olmak zorunda




10 Yorum:

Emre Zeytin dedi ki...

Anlattığınız için teşekkürler; ama yazı sayfasında bir süre sonra başka bir sayfaya yönlendiriliyorum. Google docs sayfasına ve @birrr.com adresiyle giriş yapmamı istiyor.

Erdem dedi ki...

Uyarın için teşekkürler hiç farkında değildim firfoxun azizliğine uğradım docs ayarlarında site üyeleri görsün diye işaretlenmiş o yüzden bu hatayı veriyordu.Bende firefoxtan girdiğimden dolayı bu uyarıyı görmüyordum şimdi düzelttim

Emre Zeytin dedi ki...

Teşekkür ettim. :)

Serdar Kuzucu dedi ki...

Teşekkürler çok güzel bir yazı bu bloga da bu yazı sayesinde ilk kez girmiş bulunuyorum :)
+Yer İmleri :)

Adsız dedi ki...

deneyeceğim,teşekkürler..

Unknown dedi ki...

ben başardım sağol.. :)

Adsız dedi ki...

ya bloggumda nası oluyo hiçbi sitede bulamadım sölemedilerde :(

armagan köyü dedi ki...

bu player blog ilk acıldığı zaman play tusunda değilde pause tusunda olmasını istiyom yani blog acıldığı zaman sarkı calmaya baslasın

Erdem dedi ki...

@armagan köyü

Download linkine tıklarsan dosyaların yayınlandığı sitede detaylı bir şekilde açıklaması mevcut ordaki yazıda senin istediğin gibi çalıması için bu kodu eklemişler

"autostart=yes"

Bu kodu da yeni sürüm ile birlikte yayınlamışlar

Yeni Sürüm

Standalone player sürümünü indirip klasörün içindeki dosyaları sunucunuza yüklerseniz ve burdaki yazıda belirtilen aynı işlemleri gerçekleştirdiğinizde sizin isyediğiniz gibi çalışacaktır.

"autostart=yes" "yes" olan yeri "no" yaparsanız başlangıçta çalmayacak "yes" olara ayarlarsanız sayfa açılır açılmaz çalmaya başlayacak

bunlar yeni sürümde mevcut kolay gelsin size...

Adsız dedi ki...

ben hiç bir şey anlamdım blog işinde yeniyim daha basit yolu yok mu

Yorum Gönder

Lütfen yorumlarınız açık ve sade bir dilde olsun.Hakaret,küfür ve buna benzer yorumlar
kesinlikle yayınlanmayacaktır.
Anlayışınız için teşekkürler

Related Posts with Thumbnails
 
Go To Top