Şimdi ben PataSong diye bir şey yapıyorum da hani sabahın köründe dilime dolanan ilk şarkıyı sayfanın sağ üst köşesinde yayınlıyorum ya. İşte onu acayip merak edenler var. Meraktan içi içini yiyen, tatilde bile bunu düşünüp uykuları kaçanlar var. Sonra da tatilden döner dönmez soru bombardımanı: Aman efenim nasıl yapıyorsun da, vay efenim sağ köşeye nasıl koyuyorsun da, peki ben nasıl yapacağım da, hani bana hani bana…
Efenim şimdi eğer blogunuzu yayınlamak için Wordpress kullanıyorsanız, yazdığınız yazıların içine şarkı da türkü de ekleyebilirsiniz. Hatta isterseniz elinize mikrofonu alıp, kendiniz çalıp kendiniz söyleyebilir, kayıtlarınızı blogunuzda yayınlayabilirsiniz. Nasıl mı?
Şöyle oluyor: Diyelim ki .wordpress.com uzantılı bir blog adresiniz var, yani standard paketi kullanarak yayın yapıyorsunuz. O zaman ses kayıtlarınızı yayınlamak için Wordpress’in kendine has audio player’ını kullanmanız gerekiyor. Bunun için yazınızda ses kaydını eklemek istediğiniz yere aşağıdaki texti yerleştirmeniz yeterli olacaktır.
[audio http://.mp3 uzantılı web adresi]
Burada dikkat etmeniz gereken şey, blogunuzda çalmasını istediğiniz kaydın mp3 formatında olması ve bir web adresi altından ulaşılabilir olmasıdır. Eğer herhangi bir websitesinde yayınlanmayan bir ses kaydını blogunuzda yayınlamak istiyorsanız önce dosyayı blogunuzun “Medya” bölümüne yükleyin, daha sonra “görüntüle” yi seçerek açılan sayfadaki linke tıklayın ve işte adres çubuğunda ihtiyacınız olan .mp3 uzantılı web adresi!
Standard Wordpress audio player’ının renklerini beğenmediyseniz ve sizin seçeceğiniz renklere sahip bir player oluşturmak istiyorsanız şu adrese bir göz atın. Sayfanın alt kısımlarında renkleri nasıl değiştirebileceğiniz anlatılıyor. Biraz meşakatli bir iş ama şık sonuç veriyor. Yalnız unutmayın: yaptığınız renk ayarları kaydedilmeyecek! Dolayısıyla ses kaydı yayınlamak istediğiniz her yazıya aşağıdakine benzer bir kodu yerleştirmeniz gerekecek.
Bu benim kullanıdığım turuncu playerın renklerine sahip kod:
[audio http://.mp3 uzantılı web adresi|bgcolor=0x000000|bg=0x000000|leftbg=0xcc3300|rightbg=0xff9933|
rightbghover=0xcc3300|lefticon=0xff9933|righticon=0xcc3300|righticonhover=0xff9933|
text=0xff6600|slider=0xcc3300|loader=0xff9933|track=0xff6600|border=0xff9933]
Peki Wordpress’i kendi hostuna kuranlar! Siz nasıl yapacaksınız?
Efenim öncelikle kendinize uygun bir audio player eklentisi bulacaksınız. Misal ben 1pixelout adlı basit player’ı tercih ettim ki bu da zaten Wordpress’in standard player’ı ile aynı. Basit, efendi bir player…
Şimdi ben yalnızca 1pixelout’u tanıdığım için yazının bundan sonraki kısımlarında anlatacağım şeyler bu eklenti ile ilgili olacak malesef. Ama öyle sanıyorum ki diğer eklentiler de bundan çok farklı değildirler.
Efenim eklentiyi yükledikten sonra sol menüde yer alan Ayarlar bölümüne bir girin. Orada renk ayarlanızı falan yapabilirsiniz ve tabi ki de bunları kaydedebilirsiniz. Yani siz her ses kaydı eklediğiniz yazınızda player’ın renklerini belirtmek zorunda değilsiniz. Yalnızca yazınızda ses kaydını eklemek istediğiniz yere aşağıdaki kodu ekleyin yeter! Bunun yukarıda yer alan koddan farkı arada iki nokta olması.
[ audio:http://.mp3 uzantılı web adresi ] (köşeli parantezlerden sonra boşluk bıraktım ki zart diye player girmesin şimdi, siz kopyala-yapıştır yaparsanız boşlukları silmeyi unutmayın)
.mp3 uzantılı web adresi hikayesi, yine yukarıda anlattığım şekilde sağlanabilir.
Şimdi gelelim zurnanın zırt dediği yere. Ben bu player’ı sağ menüye nasıl yerleştiriyorum ve nasıl oluyor da tüm sayfalardan erişilebilir ve dinlenebilir oluyor.
O da meslek sırrı, burada anlatamam kusura bakmayın
…deyip de bazılarınızın yüzünde oluşan ifadeyi görmeyi ne de çok isterdim şimdi ama olmaz! Anlatacağım, tutmayın beni! Zaten siz tutsanız da ben dilimi tutamaz lafı fazla uzatmadan konuya girerim.
Hani sol menüdeki “Görünüm“ün altında “Bileşenler” diye bir bölüm var ya. Oradan takvim makvim gibi şeyler seçip sağ sütuna ekliyoruz ya, orada bir de “Metin” diye bir şey var. İşte o metin var ya süper bir şey. HTML, PHP, ne yazarsanız anlıyor ve yayınlıyor. Üzerinize afiyet bu kod işlerine az buçuk kafam basıyor ama Detaycı arkadaşım olmasaydı bayağı zorlanırdım aşağıdaki kodu ortaya çıkarmada.
<a title=”Kategoride artık ne varsa”
rel=”bookmark” href=”http://www.patavatsizkostebek.com/category/patasong/“><center><span style=”font-size:14px;”><b>PataSong</b></span></center></a>
<a title=”Şarkı Sözleri” rel=”bookmark” href=”Şarkı sözlerinin yer aldığı web adresi“><br>Şarkı Adı</a>
<object height=”44″ width=”200″ id=”audioplayer1″ data=”http://www.patavatsizkostebek.com/wp-content/plugins/audio-player/player.swf” type=”application/x-shockwave-flash”><param value=”http://www.patavatsizkostebek.com/wp-content/plugins/audio-player/player.swf” name=”movie”/><param value=”playerID=1&bg=0×000000&leftbg=0xcc3300&lefticon=0xff9933&rightbg=0xff9933&rightbghover=0xcc3300&righticon=0xcc3300&righticonhover=0xff9933&text=0xff6600&slider=0xcc3300&track=0xff6600&border=0xff9933&loader=0xff9933&autostart=no&soundFile=.mp3 uzantılı web adresi” name=”FlashVars”/><param value=”high” name=”quality”/><param value=”false” name=”menu”/><param value=”transparent” name=”wmode”/></object>
Başlıktı, linkti, playerdı, şarkıydı her bir şey var bu kodda. Ama şimdi ne nerede nasıl anlatayım ya… ??
Şimdi bu koddaki en önemli şey Player! Bu playerın bir kodu var, böyle object height diye başlayan, öncelikle ona ihtiyacımız var. Onu da şu şekilde alabiliriz hemen: Açın yeni bir yazı. Yukarıda anlattığım şekilde ekleyin [audio bıdı bıdı] diye bir şey, sonra da aynı text editor’de yer alan HTML sekmesine tıklayın ve player’ın kodunu oradan kopyalayın ve “Bileşenler” deki metin bölümüne yapıştırın. Yapıştırdığınız kodda soundFile diye bir bölüm vardır ki burada o meşhur .mp3 uzantılı web adresi bulunur. Bunu istediğiniz zaman başka bir ses kaydı adresi ile deiğiştirebilirsiniz. Ayrıca Player’ı yerleştirmek istediğiniz yerin genişliği ve yüksekliğine göre player’ın height (yükseklik) ve width (genişlik) bölümlerini ayarlayabilirsiniz.
Eğer benim gibi “yok şarkının adını da yazayım, yok şarkı sözlerine link de vereyim” gibi istekleriniz varsa yukarıdaki kodda object kısmının üstünde yer alan kısma benzer bir şeyi kullanabilirsiniz. Ben bazı yerleri bold yazdım. O kısımlara kendi istediğiniz başlıkları, linkleri ya da açıklamaları ekleyebilirsiniz. (Not: Tırnak işaretleri kodun bir parçasıdır, onları silmeyin.)
Sanırım konu ile ilgili her şeyi anlattım. Artık sır mır da kalmadı. Bir dert tasa olursa haber verin, yardımcı olmaya çalışırım.
Yalnız bakın bundan sonra bloglarınızda ses kaydı yayınlamadığınızı görürsem, iki elim yakanızda olur haberiniz olsun. Yaz yaz, yaz vakti ter içinde kaldım ne len bu!
Hadi hayrını görün!
Geçen gün kitapçıda gezmekteydim. Şöyle rahatlatıcı, esprili, okurla adeta sohbet eden bir kitap arıyordum ki gözüme canım ciğerim Ayça Şen’im ilişti. “Bir Başyapıt - Hırs ve Ceza” adlı kitabın kapağında Dostoyevski’nin resmini yırtıp aradan bakan bir çift göz vardı. Hiç düşünmeden aldım kitabı. Ne arkasını okudum, ne de bir iki sayfa çevirip kitabın üslubuna baktım.