24 Mayıs 2011 Salı

Blogger'a swf Flash Eklemek

Sitenizde ziyaretçilerinize hoşça vakit geçirtmek için flash oyunlar koymak istiyor. ve karmaşık javascript kodları ile uğraşmak istemiyorsanız < embed / > tagı'nı kullanabilirsiniz.İşte size bunun bir örneği,

< embed src="oyun.swf" height="349" width="425" / >

Burada "src" parametresine swf dosyasının konumunu yazıyoruz. Peki bloguma flash oyun nasıl eklerim dediğinizi duyar gibiyim. Bildiğiniz gibi Blogger swf uzantılı dosyaları eklemeye izin vermiyor. Bu durumda önce swf dosyamızı internette bulacağımız ücretsiz depolama sitelerinden birine(Fileden, swfcabin, googlesites gibi) yüklemekle işe başlıyoruz. Bu herhangi bir ftp sunucusu da olabilir. Sonra bu dosyanın adresini alıyoruz ve "src" parametresinin karşısına yazıyoruz. Böylelikle blog sayfanız görüntülendiğinde oyunun swf dosyası sizin belirttiğiniz adresten sayfanıza yüklenir ve kullanıcı oyunu rahatlıkla oynamaya başlayabilir. Tabi burda yüklenme süresi normal sitelere göre biraz daha uzun olabilir ama oyun bir kere yüklendikten sonra sorunsuz çalışacaktır.

Yok ben yüklemeyle uğraşmak istemiyorum da diyebilirsiniz. Bu durumda bir alternatifiniz daha var. Oyun sitelerinden beğendiğiniz bir oyunun o site üzerindeki konumunu belirleyip adres olarak orayı gösterebilirsiniz. Ancak bu durum anlaşılırsa site sahibi ile aranızda tatsız olaylar gelişebilir. Ben swf dosyamı google sites üzerinde bir adrese yükledim. Google sites Türkiye'de hala yasaklı olabilir bu durumda oyunu göremeyebilirsiniz. Oyunu görmek istiyorsanız ağ bağlantılarınızdan DNS ayarlarınızla oynamanız gerekir.

Size kullanabileceğiniz iki DNS adresi vererek yazımı bitiriyorum.

64.81.79.2
128.107.241.184

Oyun görüntülenmiyorsa DNS olarak bu numaraları girin. İyi eğlenceler...


Web Sayfasına Textbox (Yazı Kutusu) Eklemek

Textboxlar web sitelerinin kullanıcı kayıt formlarında veya üye giriş panellerinde sıkça rastladığımız, üyelerin ya da üye olacak ziyaretçilerin ad, soyad kullanıcı adı, şifre v.b. bigilerini toplamak için kullanılan HTML form elemanlarıdır. Web sayfasına textbox; için < input type="text" / > tagı ile eklenir. Bu tagın genel kullanılış biçimi şu şekildedir,

< input maxlength="40" name="ad" title="Adını Yaz" type="text" value="Kullanıcı Adı" width="150" height="20" / >

Daha iyi anlaşılması açısından bu tag'ın nasıl kullanıldığını bir örnek üzerinde gösterelim.

Kullanıcı Adı : < input type="text" name="ad" value="e-mail adresiniz" title="Kullanıcı Adını Yaz" maxlength="40" width="150" height="20" / > < br/ >
Şifre : < input maxlength="15" name="ad" title="Şifreni Yaz" type="password" value="" width="150" height="20" / >

Bu kodlamanın sonucu aşağıdaki gibi görüntülenir,

Kullanıcı Adı :

            Şifre :

Son olarak bu tag içindeki parametreleri de açıklayalım.

name : Textbox'u isimlendirmek için kullanılır. Burdan alınan bilgilerin sunucudaki programda işlenmesi için gereklidir.

maxlenght : Textbox'a girilecek karakter sayısını kısıtlamak için kullanılır.

height : Kutu yüksekliğini belirlemek için kullnılır.

width : Kutu genişliğini belirlemek için kullanılır.

value : Textbox'a ilk değerini vermek için kullanılır. Buraya yazdığınız yazı kutu içinde görüntülenir. Kullanıcını kutuya herhangi bir değer(ad, soyad bilgisi, şifre gibi)girdiği zaman başlangıç değeri değişir ve yeni değer işlenmek üzere sunucuya gider.

title : Kullanıcı fare ile kutu üzerine geldiğinde görüntülenmek istenen bilgi mesajı için kullanılır.

Not : Verdiğim kod örneğinde turuncu ile işaretlediğim yer dikkatinizi çekmiştir. Eğer "type" parametresine değer olarak "password" girerseniz browser kullanıcının girdiği şifreyi göstermez onun yerine yıldız veya içi dolu dairecikler koyar.