MSN Live Space Dersleri (videolu anlatım) Bölüm 3

[shahan]

Bu konuyla alakalı daha önceki bölümler:
MSN Live Space Dersleri (videolu anlatım) Bölüm 1
MSN Live Space Dersleri (videolu anlatım) Bölüm 2

----------------------------

Bu bölümde alanımıza Saat - Takvim ekleme, Hava Durumu ekleme ve SandBox kullanarak Güncel Haberler bölümü ekleme işlemlerine değineceğim.

Flash Saat - Takvim ve Hava Durumu Ekleme

Alanımızda kullanabildiğimiz çok işlevsel bir araç var. Html kutusu. Bu sayede normal web sayfalarında kullandığımız içeriklerin bir çoğunu kullanabiliyoruz.
Tek bir farkla ki, bu içerikte kullanacağımız resim, video, animasyon, flash gibi dosyaları kendimiz gönderemiyoruz. İnternet üzerinde hazır bulunan dosyaları kullanmak durumundayız.

Tabi bunları Html kutusunda kullanacağımıza göre, bize de gereken html kodları oluyor. Bu yüzden html bilgisi olmayanlar da, bir şekilde (zaten internette sayısız kaynak var bu konuda) bu kodları bulup o şekilde kullanacak.

Örnek olması açısından beğendiğim Flash formatındaki bir saatin kodlarını vereyim.

<div align=center>
<embed src="http://www.hitetlen.hu/flash/anaclock.swf" quality=high width=140 height=140 type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allowscriptaccess=never allownetworking=internal>
</div>

Hem analog hem dijital saat bulunup hem de takvimi bulunan fonksiyonel hoş bir şey...

Gelelim Hava Durumu eklemeye..

Burada işimiz nispeten daha kolay sayılır. Zira Devlet Meteoroloji İşleri Genel Müdürlüğü bu konuda bize yardımcı oluyor.
http://www.meteoroloji.gov.tr/2006/meteor/linkicin.aspx
Bu sayfada web sitelerine hava durumu eklemek için kullanacağımız alternatif biçimlerde hava tahmin resimleri sunulmakta. Sayfadaki açıklamaları dikkatli şekilde okumanızı tavsiye ederim.

Örnek olarak kendi yaşadığım şehir olan İSTANBUL için png formatında kaliteli resimlerin göründüğü iki günlük hava tahmini kodu hazırladım.

<div align=center>
<img src="http://www.meteoroloji.gov.tr/sunum/imgtahmingor-a1-p.aspx?merkez=ISTANBUL&gun=1&renkC=111&renkT=000&renkZ=fff" width=81px height=164px alt=ISTANBUL><img src="http://www.meteoroloji.gov.tr/sunum/imgtahmingor-a1-p.aspx?merkez=ISTANBUL&gun=2&renkC=111&renkT=000&renkZ=fff" width=81px height=164px alt=ISTANBUL>
</div>

İki günlük olmasının esprisi sadece resimleri peşpeşe koyup ikincisinin gün kodunu değiştirmem..

Şimdi bu işlemleri nasıl yapacağımızı izleyerek daha da iyi öğrenelim.

Burada yaptığım saat ve hava durumu ekleme işlemleri sadece örnek olması içindir. Bu şekilde istediğiz gibi resim, animasyon, sayaç, kayan yazı vs gibi içerikler ekleyebilirsiniz.

Güncel Haberler Bölümü Ekleme

Bu aşamada yapacağımız işlem diğerlerine benzese de biraz farklı. Çünkü güncel haberleri ekleyebilmek için IFRAME html kodu eklemek gerekiyor. Ancak normal Html kutusu ile bunu yapmamıza izin verilmemiş.

Çözüm olarak SandBox isimli eklentiyi alanımıza yüklüyoruz. Bu sayede standart html kutusunda kullanamadığımız kodları kullanabiliyoruz.

Haber kutusu eklemek için kullanabileceğimiz kodları birçok haber sitesi veriyor. Ben bunların içinden resimli ve reklamsız olması nedeniyle LiveHaber'i tercih ettim.
Alanımızda düzgün görünecek şekilde html kodlarını düzenledim. Örnek olarak bu kodları kullanabiliriz.

<center>
<iframe src=http://www.livehaber.com/manset.asp width=590 height=350 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe>
</center>

Siz de dilediğiniz haber sitesinin kodlarını kullanabilirsiniz.

İşe öncelikle SandBox ekleyerek başlıyoruz. Alanımıza yüklemek için bu adrese gidiyoruz.
http://spaces.live.com/spacesapi.aspx?wx_action=create&wx_url=http://download.gallery.start.com/d.dll/1~1~464~4184/gadget.xml&mkt=tr-TR

Eğer zaten alanımıza giriş yapmışsak hemen yükleme onay sayfası açılacaktır. Diğer türlü mail adresimiz ve şifremizle alanımıza giriş yapmamızı söyleyen ekran gelecek, peşinden yükleme sayfası açılacaktır.

İzleyelim görelim, daha iyi öğrenelim...

Ben videoya çekerken fazla elime ayağıma dolaşmasın diye önceki içerikleri gizleyip de çalışıyorum. Fakat siz bütün bu içerikleri ekledikten sonra alanınız cıvıl cıvıl olmuştur.

-----------
Eğer düzenleyebilirsem, alanınızda html kutusu ve sandbox ile kullanabileceğiniz çeşitli içeriklerin kodlarını aşağıda mesajda yazarım :idea:

[Oxycodone]

yine güzel bir çalışma şahan abi eline sağlık.