Nasıl Yaparız?

Facebook sayfanızdaki üye sayfasını arttırmak için Hayranı ol butonu koymanız işe yarayacaktır. Bunun içinde aşağıda vermiş olduğum koddaki Sayfa ID nosunu değiştirip, kodu sitenizin istediğiniz bölümüne koymanız yeterli olacaktır.

Örneğin http://www.facebook.com/pages/Ilgisel/70671524956 adındaki facebook sayfamızda 70671524956 id nosunu /ajax/pages/fan_status.php?fbpage_id= yazan yerde eşittir’in karşısına aşağıdaki gibi yazın. Tabiki sizin sayfanızın ID nosu farklı olacaktır. Bu örnekten yola çıkarak kodu kendinize göre ayarlayın.

<!-- Hayranı Ol Butonu -->
<center>
<div class="profile_top_bar_container">

<div class="profile_name_and_status">
<h1 id="profile_name"></h1>
<span id="profile_connect_text" class="hidden_elem"></span>
<span id="profile_connect">
<a ajaxify="/ajax/pages/fan_status.php?fbpage_id=70671524956&add=1&reload=1&preserve_tab=1&use_primer=1" rel="async-post" class="UIButton UIButton_Gray UIActionButton" href="#">
<span class="UIButton_Text">
<span class="UIButton_Icon UIButton_IconNoSpriteMap" style="background-position: 0pt -410px;"></span>
Hayranı Ol</span></a></span></div>
<div class="tabs_wrapper clearfix">
</center>
<!-- Hayranı Ol Butonu -->

FlipTitle.com sayesinde bu işi kolaylıkla gerçekleştirebiliyoruz. Eğlencelik bir yazıdan tutun, şifreleme için kullanmaya kadar işinize yarayacak bu web aracı size bu olayı en kolay yoldan yapabilmenizi sağlıyor. Üst tarafa yazmak istediğinizi yazarken, aşağıda bunun tepetaklak halini görüyor ve isterseniz kopyalayıp bunu bir yerlerde kullanabiliyorsunuz.

Daha fazla bilgi için FlipTitle.com u ziyaret ediniz.

Bitmap font aşağıda da gördüğünüz gibi bir font tipidir. Robotikte denebilecek bu font la güzel logolar yada görseller tasarlayabilirsiniz.

İlgili font’u indirmek için;

http://dsg4.com/04/extra/bitmap/

AJAX, çıktı ve veri alışverişini text/xml türüne göre vermektedir. Burada belirtilen veri alışverişinde varsayılan olarak kullanılan karakter tipi de ISO-8859-1 ve UTF-8 dir. Burada oluşan sorunda bununla ilgili, biz genel olarak PHP kullanırken Türkçe olan kodlamayı kullanırız ve bu durumda AJAX yukarıdaki iki karakter tipinden birini bulamadığı için sayfadaki yazıyı yanlış biçimde bastırır.

Genel olarak herhangi bir text ya da HTML içerikli bir sayfadan bilgi alınacaksa (PHP değil) çözüm bu sayfaların kayıt biçimini UTF-8 yaparak aşabiliriz.

Windows işletim sistemi üzerinde dosyamızı kaydederken UTF-8 kodlama türü seçilerek dosyayı kaydetmeyi denersek AJAX ile olan çalışmalarda bir sorun yaşamayız.

AJAX’ın PHP li çözümündeyse yukarıdaki dosya kaydetme olayı dışında Php kodumuzun en başına;

<?php
header(”Content-Type: text/xml; charset=utf-8″);
?>

Yazmak problemi ortadan kaldırmalıdır. Web projemizde veritabanına kayıt işlemi de varsa ayarımızı bu şekilde yaptığımız takdirde gelen bilgi veritabanına da UTF-8 olarak kodlanacak ve sorun olmayacaktır.

Kimlik numarası gibi herkesin bir MSN hesabı veya Facebook hesabı bulunmakta. İşte bugüne kadar gelen internet’in nasıl çalıştığını merak ediyorsanız, okumaya devam edin.

İnternet’in sahibi yoktur, internet büyük yada küçük ağların birbirine bağlanmasıdır. Bu ağlar, tek başına bir varlık olan interneti oluşturmak amacıyla, farklı biçimlerde birbirlerine bağlanırlar. İnternet ismide bu birbirine bağlanmış ağlardan gelmektedir.

İnternet’in Kelime Anlamı

İnternet, İnter (arasında) ve net (Ağ) kelimelerinin birleşmesinden oluşur. Bu da “Ağlar arasında” anlamına gelir.

İnternet, başlangıç tarihi olan 1969′dan itibaren, 4 adet ev sahibi bilgisayarlardan milyonlarcasına ulaşmayı sürdürerek, gelişimine devam ediyor. İnternet’in herhangi bir sahibinin olmaması, internetin geliştirilemeyeceği, düzenlenemeyeceği ve sürekliliğinin sağlanamayacağı anlamına gelmiyor. “İnternet Topluluğu” adı verilen ve kar amacı gütmeyen bir grup, kuruluş tarihi olan 1992′den beri, internet gelişimi ve kullanımıyla ilgili politika ve protokolleri oluşturup, bir standart haline getirmeye çalışıyor.

Ağ Şebekelerinin Hiyerarşisi

Bir bilgisayar internete bir ağın bir parçası olarak bağlanır. Bu bilgisayar, sizin evinizdeki bilgisayarda olabilir. Örnek vermek gerekirse bir modemimiz var ve telefon hatları üzerinden bir internet servis sağlayıcıya (İSS) bağlanıyorsunuz.

Pratikte artık bir LAN‘ın (Local Area Network) yani bir yerek ağın parçası oldunuz fakat firmanızın sözleşmeli olduğu bir internet servis sağlayıcısı aracılığıyla internete bağlısınız. İnternet servis sağlayıcınıza bağlandığınızda, bilgisayarınız servis sağlayıcınızın bağlı olduğu ağın bir parçası olmuştur. Ardından internet servis sağlayıcınız daha büyük bir ağın parçası olur. Buradan da anlaşıldığı gibi internet “ağların ağı” dır.

Büyük iletişim şirketlerinin çoğu, çeşitli bölgelere bağlanan, kendileri için belirlenmiş, ayrılmış fiziksel altyapıya (Backbone) sahiptir. Bu şirketlerin her bölgede bir POP‘u (Point of Presence) vardır. POP, yerel kullanıcıların aracı şirketin ağına erişme noktasıdır.

Bu çoğunlukla, bir telefon numarası yada şirketin ağı için atanmış özel bir hat aracılığıyla sağlanır. Ortada hiçbir zaman bütünüyle kontrol altında olan bir ağ yoktur. Sadece NAP/Network Access Point (Ağ Erişim Noktaları) dediğimiz birbirlerine bağlanan üst seviye ağlar vardır.

Gerçek anlamda internet, çeşitli yerlerdeki NAP‘lerin birbirlerine bağlanmaları ve Trilyonlarca byte’ın kişisel ağlardan akışı ile gerçekleşir. Yani İnternet, NAP‘ler vasıtasıyla birbirleriyle ilişki kurmak konusunda anlaşmış devasa ağların bir toplamıdır. Bu sistem yardımıyla internetteki her bilgisayar, internet ağındaki diğer tüm bilgisayarlara bağlıdır.

Bölümlerin bir araya getirilişi

NAP‘ler üzerinde bulunan bütün ağ şebekeleri, Backbone’lar ve yönlendirici adı verilen router’lar birbirleriyle bağlantı içerisindedir. Bu süreçte bir bilgisayardan gönderilen bir mesaj, dünya çapında yayılmış olan bu ağlardan geçerek, mesajın gönderildiği bilgisayara bir saniyeden daha kısa bir zaman içinde ulaşır. Bir bilgisayardan diğerine aktarılacak verinin hangi yoldan hedefe ulaştırılacağını yönlendiriciler (Router) belirler.

Yönlendiriciler, hedefe uzanan binlerce farklı yol üzerinde diğer internet kullanıcıları arasından, sizin mesajınızı gitmesi gereken bilgisayara ulaştıracak özel işlevlerle donanmış bilgisayarlardır. Bu yönlendiriciler iki önemli işe yarar;

• Bir bilginin gitmemese gereken yere gitmemesini garanti etmek. Bu çok önemlidir.
• Mesajın istenen istikamette gittiğinden emin olmak.

Bu iki görevi yerine getirmek için, bir yönlendirici iki ayrı bilgisayar ağıyla ilişki kurar. 2 ağ şebekesine bağlanarak bilgiyi birinden diğerine geçirir. Bunun dışında bilginin gereksiz yere gereksiz bir ağ üzerinde yol almasını engeller. Yönlendiricinin temel çalışma mantığı ve işlevi, birbirine bağlı çok sayıdaki ağa aldırış etmeden hep aynı kalır. İnternet’te yönlendirici kullanmak kesinlikle gereklidir.

İnternet Protokolü

Net üzerindeki her bir makine, IP adresi denen kendi özel kimlik numarasına sahiptir. IP, Internet Protocol’un kısaltılması sonucu ortaya çıkmıştır.  Bir bilgisayar internet üzerinde iletişim kurabilmek için IP numarasına sahip olmalıdır. Tipik bir IP adresi şöyledir 216.168.22.192

İnsanların kolay hatırlaması için IP adresleri genellikle yukarıdaki gibi “noktalarla ayrılmış ondalık sayılarla” gösterilir ama bilgisayarlar için adres farklılaşır. Çünkü bilgisayarlar ikili düzen (Binary) formda ilişki kurarlar. Yani IP adresi 11011000.1100111100.11001.10001001

İnternetin yeni geliştiği devrelerinde, çok az sayıda bilgisayar, modemler ve telefon hatlarıyla birbirlerine bağlıydılar. Sadece bağlanmak istediğiniz bilgisayarın temin edilmiş IP adresiyle 216.168.22.192 gibiydi. Bu durum az sayıda ev sahibi bilgisayarın olduğu sistemde anlamlıydı ama bilgisayarlar arttığında bu sistem hantallaşıyordu. Bu problemin giderilebilmesi için  geliştirilen ilk çözüm, IP adresleri için haritalandırılmış isimlerin Network Information Center (Ağ Şebekeleri Bilgi Servisi) tarafından muhafaza edilen basit bir metin dosyasında saklanmasıydı. Kısa bir süre sonra, bu metin dosyası üstesinden gelinemeyecek, uğraşılamayacak kadar büyüdü. Bu yüzden bu çözüm yeterli olmadı.

Bunun ardından 1983‘te Wisconsin Üniversitesi, IP adreslerinin isimlerinin metinlerini otomatik olarak adresleyen DNS (Domain Name System-Alan Adı Sistemi)’i yarattı. Bu yolla belli bir yere bağlanmak için IP adresi yerine sadece www.ilgisel.com yazmak yeterli oldu.

Nedir bu Alan Adı Sistemiyle gerçekleşenler

İnternet’i kullandığımızda bu işleri yapabilmek için alan adı denilen şeyleri kullanırız. Örnek verirsek http://www.ilgisel.com URL’si (Uniform Resource Locator-Sabit Kaynak Bulucu) ilgisel.com alan adını içerir. İnsanların okuyabildiği alan adını makinenin okuyabileceği IP adresine çevirmek için DNS sunucusu kullanılır. Alan adı içerisinde de bölümler vardır. COM, NET, ORG, EDU, GOV, üst düzey alan adı ve birinci düzey alan adı uzantılarıdır. Her üst düzey alan adı içinde, ikinci düzey alanları içeren büyük bir liste vardır. COM üst düzey alanındaki her bir isim tek olmalıdır. WWW gibi en soldaki kelime hostname‘dir bu da ev sahibi bilgisayar anlamına gelir.

İşte bu sistem içinde alan adından gelen harfler bilgisayarın anlayacağı şekle döner, böylece karşıdaki bilgisayara bu kadar basit şekilde bağlanır ve veri gönderip-alma sağlanır. Daha da derinlemesine girmeye gerek yok. İnterneti anlamak için bu kadarı yeterli bir bilgidir.

Bu bizim Resim dışında ne işimize yarayacak diyenler için şöyle bir örnek verebilirim. Üyelik sistemi için Üye Ol yada Giriş Yap gibi bir link ekleyip linke tıklandığında Thickbox’la Üyelik Formu veya Kullanıcı Girişi ekranına giden bir tasarım yapabilirsiniz. Neye benzediğini görmek için konunun en altındaki Resimlere bakabilirsiniz.
Bunu herhangi bir siteye nasıl kuracağımızı öğrenmek için aşağıdaki Kurulum’u okuyunuz.

Kurulum

Kuruluma geçmeden önce aşağıdaki dosyaları ThickBox sitesinden yada aşağıdaki linklere basarak indirin.
Kurulum için gereken dosyalar;

• Bu script’in içinde bulunduğu thickbox.js
• CSS dosyası olan thickbox.css
• Son olarak bu efekti sağlamak için varolan kütüphane Jquery veya sıkıştırılmış versiyonu olan Jquery Compressed Bu ikisinden birini kullanmanız yeterli. Ikisini birden kullanmayın.
• Resim olarakta loadingAnimation.gif‘ı ve macFFgHack.png yi indirin.

Yukarıdaki dosyalardan Jquery kütüphanesinden herhangi birini indirdiğimizde ismini jquery.js olarak ayarlamayı unutmayın. Şimdi sırasıyla bunları sitenize eklemeniz gerekiyor. Eğer bu script’i bir Wordpress Teması içinde kullanacaksanız aşağıda yazan dosyalarinbulunacagiklasor yerine <?php bloginfo(’template_directory’); ?> yazın (Bu kodla sitenizinadı.com/wp-content/themes/kullandığınıztema içine girmenizi sağlayacaktır.) ve yukarıdaki dosyaları doğrudan temanızın içine yerleştirin.
Aşağıda gördüğünüz kodlarıysa sitenizde yada temanızda bulunan <head> </head> kısmının arasında bir yere gerekli değişiklikleri yaparak kopyalayın. Wordpress’te temadaki Header.php içinde ilgili yere kopyalayın.

<script type="text/javascript" src="dosyalarinbulunacagiklasor/jquery.js"></script>
<script type="text/javascript" src="dosyalarinbulunacagiklasor/thickbox.js"></script>
<link rel="stylesheet" href="dosyalarinbulunacagiklasor/thickbox.css" type="text/css" media="screen" />

Burada unutmamanız gereken en önemli olay macFFgHack.png dosyasını css dosyasının bulunduğu yere kopyalarken LoadingAnimation.gif denilen dosyayıysa diğer dosyaları attığınız yere bir images klasörü oluşturarak dosyayı içine atın.

Nasıl kullanılır?

En basit halde linklerinizin içine class=“thickbox” ekleyerek bu script’i kullanabilirsiniz. Aşağıda benzer bir kullanımını örnek olmak açısından verdim. Daha fazla bilgi için Thickbox’ın sitesinde bulunan Examples bölümüne gözatmanızı tavsiye ederim. (İçerik Ingilizcedir)

Tekli Resim için

<a href="images/single.jpg" title="baslik" class="thickbox"><img src="images/single_t.jpg" alt="Tekli Resim"/></a>

Gördüğünüz gibi Thickbox’ın benzer kullanımları da bu şekilde yapılmakta. Bu script’le ilgili daha fazla bilgiyi aşağıdaki linkten alabilirsiniz. Şimdilik hoşçakalın.

http://jquery.com/demo/thickbox/

Bu sistemle Facebook Connect butonu gördüğünüz sitelerde üye olmak yerine facebook hesabınız ile kolayca giriş yapıp sitede size izin verilmiş işlemleri yapabilirsiniz. Örneğin yorum yazma, konu yazma, beğenme gibi.

Bu sistem hem üye, hemde mevcut web sitesi için yarar sağlıyor. Böylelikle ziyaretçi her web sitesine ayrı ayrı üye olma derdinden kurtuluyor. Web sitesi için daha fazla artı yönü var. Gelen ziyaretçi Facebook Connect ile siteye giriş yaptığı taktirde;

• Ziyaretçinin Facebook bilgilerini kullanabilirsiniz
• Arkadaşlarıyla ilgili bilgileri kullanabilirsiniz
• Facebook Feed’ine geri haberler atabilirsiniz
• Kullanıcının tek tıkla siteye girip gezmesi ve izin verilen özellikleri kullanabilmesi
• Kayıt yükünün ortadan kalkması, Aktivasyon sorunlarının olmaması.
• Facebook bağı sayesinde notification lar göndererek ziyaretçiyi yeniden siteye çekebilmek.

Facebook Connect Api’si için Wiki arıyorsanız;

http://wiki.developers.facebook.com/index.php/Facebook_Connect

Bunun dışında Facebook Connect Üye Giriş Çıkışı yapma hakkında aşağıdaki makalede oldukça bilgilendirici;

http://mfyz.com/?/dokuman/107/facebook-connect-ile-kullanici-giris-cikis/

“Fast Flip” adı verilen yeni uygulama sayesinde bir gazete veya dergide yayımlanan makaleyi küçük önizleme şeklinde görülebiliyor.

“fastflip.googlelabs.com” web sitesinden ulaşılan yeni uygulama, internet kullanıcılarına Google”ın yayın ortağı aralarında New York Times, Washington Post, Cosmopolitan, Elle, Marie Claire ve Newsweek”in bulunduğu 40 kadar gazete, dergi ve yayın kuruluşunun çeşitli konulardaki makalelerinin ilk sayfasına anında ulaşmaya olanak sağlıyor.

Makalenin devamını okumak isteyen kullanıcı, medya kuruluşunun web sitesine yönlendiriliyor.

Amerikan medya kuruluşlarıyla telif hakları sorunlarından dolayı gergin ilişkileri bulunan Google, “Fast Flip” uygulamasında sunulan reklamlardan sağlanan gelirleri bu ortaklarıyla paylaşacağını açıkladı.

Google yöneticileri, bu yeni uygulamanın basın sektörüne yeni okuyucular kazandıracağı görüşünü dile getirdiler.

1. Notepad++

Notepad++ Türkiye’de çok meşhur olan açık kaynak kodlu bir yazılım. İçerisinde Türkçe arayüz desteği de mevcut. UTF-8 ‘lerde özel komutları ile sıkıntı çekmezsiniz.

2. PSPad

Hataları renklendirerek gösterme, FTP desteği ve yazarken önerileri ile güzel bir editör.

3. Komodo Edit

Çoklu dil desteğine sahip başka editör. Desteklediği diller Perl, PHP, Python, Ruby, Javascript, CSS, HTML, XM.

4. Programmer’s Notepad

Unicode desteği ve syntax hatalarını renklendiren basit bir editör.

5. TotalEdit

Bedava ve ücretli versiyonları olan TotalEdit tamamıyla özelleştirilebilir bir arayüze sahip.

6. Crimson Editor

Crimson Editor kurulum dosyası gayet küçük dosyaları hızlı şekilde yükleyerek size zaman kazandırır.

7. NoteTab Light

İsminden de anlaşıldığı üzere basit bir editör. Bedava olan bu verisyon ihtiyaçlarınızı kaşılamıyorsa ücretli olan NoteTab Standard veya NoteTab Pro karşılayabilir.

8. Nvu

Açık kaynak kodlu Nvu yazılımı basit WYSIWYG  arayüzüne sahip.

9. Amaya

Amaya HTML + CSS editörü.

10. RText

RText 23 lisan desteği içerir desteklediği programlama dilleri: PHP, HTML, C#, C, C++.

1. Audio Player

Sıklıkla rastlanan, tek mp3 için basit player.

2. Flabell Flash Mp3 Player

Web siteniz için tamamıyla özelleştirebilir bir player. Harici XML dosyaları ile birden fazla albüm ekleyebilirsiniz.

3. Flabell Simple Flash Mp3 Player

Görselliği güzel minimalistic bir player.

4. Yahoo! Media Player

Yahoo! Media Player embed koduyla sitenize gömülür.  Belirttiğiniz klasördeki mp3′leri otomatik arar.

5. Mp3 Player

Winamp tarzında skinle özelleştirilebilir bedava açık kaynak kodlu player.

6. Free Flash Mp3 Player

Belirttiğiniz klasördeki mp3′leri otomatik olarak tarar ve resimde gördüğünüz gibi listeye ekler.

7. NiftyPlayer

Basit bir player arıyorsanız tam size göre.

8. Dewplayer

Tek satırdan oluşan hoş görünümlü gayet kullanışlı basit bir player.

9. Free MP3 Music Player for Website

Bu mp3 playerın 6 farklı versiyonu bulunmakta. single track, multiple tracks, with/without menu, mini version ve single flash player with loop. XML formatında çalma listesi destekler.

10. AudioPlay

Tek butonla işimi halletmek istiyorum diyorsanız bunu kullanın.