Wordpress.com Bloga Flash Eklemek (embed code, groveshark player.. gibi)

Günümün en popüler blog aracı kuşkusuz ki Wordpress. Kendi host'unuza kurduğunuz bir wordpress CMS'yi ise istediğiniz gibi esneterek kullanmanız mümkün. Ancak, wordpress.com eklenebilir HTLM kodlar için kısıtlar getirmiş durumda. Başka sitelerden alınan embed kodları, javascript kodlarını wordpress.com üzerine kuracağınız blog sitenizde çalıştıramıyorsunuz. Kısıtlarla ilgili bilgiye buradan ulaşabilirsiniz --> http://en.support.wordpress.com/code/

Youtube, Google Video gibi siteler güvenilir sayıldığından, bu sitelere ait embedded kodları sitenize eklediğinizde; wordpress sizin için bu linkleri düzenliyor. Ancak bir groveshark listenizi, player'inizi eklemeniz doğrudan mümkün olmuyor.

Peki wordpress.com üzerine flash eklentileri nasıl eklenir?

Bu işlem için wordpress'in desteklediği gigya shortcode'unu kullanacağız. Gigya, wordpress.com için bir flash tag'i olarak düşünülebilir.

Gigya kullanımı:

[gigya src=".swf uzantılı flash dosyası buraya" width="250" height="40" wmode="window" allowScriptAccess="always" flashvars="değişkenler buraya" ]

Yukarıdaki kod, bir gigya kod şablonudur. Flash'ı eklemek istediğiniz yere bu kodu ekleyerek flash dosyanızın (video, groveshark player... flash tabanlı herhangibir şey) görüntülenmesini sağlayabilirsiniz.

Bir groveshark örneğiyle :
Groveshark kullanarak siteme Dream Theater'ın Space Dye Vest şarkısını eklemek istiyorum diyelim. Groveshark'a gidip şarkıyı paylaş --> siteme ekle dediğimde, groveshark bana şu linki veriyor :

<object width="250" height="40" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="gsSong2296842336" name="gsSong2296842336"><param name="movie" value="http://grooveshark.com/songWidget.swf" /><param name="wmode" value="window" /><param name="allowScriptAccess" value="always" /><param name="flashvars" value="hostname=cowbell.grooveshark.com&songIDs=22968423&style=metal&p=0" /><object type="application/x-shockwave-flash" data="http://grooveshark.com/songWidget.swf" width="250" height="40"><param name="wmode" value="window" /><param name="allowScriptAccess" value="always" /><param name="flashvars" value="hostname=cowbell.grooveshark.com&songIDs=22968423&style=metal&p=0" /><span>Space Dye West by <a href="http://grooveshark.com/artist/Dream+Theater/1988" title="Dream Theater">Dream Theater</a> on Grooveshark</span></object></object>

Yukarıdaki kırmızılıklardan birincisi, bizim flash dosyamızın konumu. Bu, groveshark'ın bize sağladığı player. ikincisi ise bizi şarkıya götüren flash player değişkenleri(variables). Groveshark'ın bize verdiği bu kodu Gigya olarak yazacak olursak :

[gigya src="http://grooveshark.com/songWidget.swf" width="250" height="40" wmode="window" allowScriptAccess="always" flashvars="hostname=cowbell.grooveshark.com&songIDs=22968423&style=metal&p=0"]

şeklinde bir kod elde etmiş olacağız. Bu kodu wordpress.com blogumuzda istediğimiz yere (blog gönderisi olabilir, sidebar'a eklenmiş bir metin olabilir.) ekleyerek groveshark player'ı sitemize eklemiş oluruz.

Yukarıdaki kod ile yapılmış örneğe şuradan ulaşılabilir : http://tolpp.wordpress.com/2009/12/29/gigya-shortcode-kullanarak-eklenmis-bir-groveshark-player-ornegi/

Daha detaylı bilgi içinse şuralara bakılabilir :
http://en.forums.wordpress.com/tags/gigya-shortcode
http://wpbtips.wordpress.com/2011/06/29/inserting-grooveshark-audio-players/
http://wpbtips.wordpress.com/2010/07/22/gigya-shortcode-3-widgets/
http://wpbtips.wordpress.com/2010/07/03/gigya-shortcode-1-videos/ 

Sorularınız olursa yanıtlamaya çalışırım :)