Blogunuzu Facebook Özellikleriyle Donatın (Blogger Facebook Connect Eklentisi)
Merhaba Arkadaşlar.
Facebook Connect özelliklerini Blogger'a entegre etmek için uzun süredir araştırma yapıyorum. Uydu Genişbant'ın anlatımından yola çıkarak Facebook Connect'in bir çok özelliğini Bloguma uyarladım. Ancak birçok eksik vardı. Örneğin paylaş linkine tıklayınca Facebook'ta olduğu gibi sayfa içinde kutucuk açılmıyordu. Dialog'da aynı durumdaydı. Bunun sebebi ise "XD_RECEIVER.HTM" dosyasını Blogger'a yükleyemeyişimdi.
Ama uğraşılarım sonunda bunuda bir yolunu buldum. Şu
Şimdi sırasıyla Facebook Connecti sitemize entegre etmeye başlayalım.
1) Facebookta bir uygulama oluşturalım. http://developers.facebook.com/ adresine tıklayıp Start building for your site butonuna tıklayıp Sitemizin ismini, url adresini yazıyoruz. Dili Türkçe seçiyoruz. 2. adımda "XD_RECEIVER.HTM" dosyasını sitemize yüklememiz istenecek. Daha sonra yükle butonuna basarak devam ediyoruz.
2) Blogger'e eklemeye başlayalım
Şablonumuzu açıp
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'>
Böylece fbml dilini blogumuza öğretmiş olduk.
Daha sonra body tagının hemen altına aşağıdaki kodları ekliyoruz.
<script src='http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/tr_TR' type='text/javascript'/><script type='text/javascript'>FB.init("YOUR_API_KEY_HERE");</script> <script type='text/javascript'> FB_RequireFeatures(["XFBML"], function(){ FB.Facebook.init("YOUR_API_KEY_HERE", "/XD_RECEIVER.HTML"); }); </script>
Kod içinde kırmızı renkte gördüğümüz yeri http://static.ak.facebook.com/js/api_lib/v0.4/XdCommReceiver.js şeklinde değiştiriyoruz. Ve artık Facebook Connect özellikleri blogumuzda çalışmaya hazır.
3) Facebook Connect ile blogumuzda şu özellikleri çalıştırabiliriz.
a) Facebook Bağlan
Kod
<fb:login-button length='short' size='medium'/>
b) Facebook'ta Paylaş
Kod
<fb:share-button class='url' href='' type='link'/>
c) Profil resmi
Kod
<fb:profile-pic uid='loggedinuser' facebook-logo='true' linked='false'/>
d) Kullanıcı Adı
Kod
<fb:name uid='loggedinuser' useyou='false'/>
e) Diyalog Butonu
Kod
<script type='text/javascript'> function callPublish(msg, attachment, action_link) { FB.ensureInit(function () { FB.Connect.streamPublish('', attachment, action_link); }); }</script> <input onclick='callPublish("",null,null);return false;' type='button' value='Benimle Diyaloğa Hazır mısın?'/>
f) Yer İmi Ekle Butonu
Kod
<fb:bookmark />
g) Yorum Kutucuğu
Kod
<fb:comments width='350'> </fb:comments>
Ve son...
Blogumuz Facebook ile çok daha renkli bir hale geldi
.jpg)
