17 Haz 2014

FACEBOOK YORUM KUTUSU EKLENTİSİ


Facebook Yorum Kutusu Eklentisi

Bu yazımda blogger blogumuz için facebook yorum kutusu eklentisini anlatmaya çalışacağım.
Eklentinin neye yaradığını mı merak ediyorsunuz? Bu eklenti Blogger blogumuzda bulunan yorum panelini, Facebook yorum paneli ile değiştirmeye yarıyor. Eklenti kurulumu ile ziyaretçiler yorumlarını Facebook yardımı ile blogunuza gönderebilecekler. Biraz da olsa karışık gelebilir arkadaşlar. Ama biraz dikkat ederseniz eklenti kurulumunu blogunuza ekleyebilirsiniz. Şimdi Facebook yorum kutusu eklentisinin anlatımına geçelim.



Facebook yorum kutusu eklentisi



Öncelikle Blogger ayarlar> yayınlar ve yorumlar> gizle seçeneğini secip kaydederek çıkıyoruz.
Daha sonra Bu adrese girerek yeni bir uygulama oluşturacağız.
Çıkan ekranda gerekli bilgileri dolduruyorsunuz. Blog adresinizi de yazmayı unutmayın. ID numarası önemli lazım olacak bize bir yere not edin.
Şimdi Facebook ile işimiz bitti.
Blogger panele döneceğiz. Şablon kısmına giriş yapıyoruz.

Şablonda aşağıdaki kodu bulunuz.
<head>
Altına aşağıdaki kodu ekleyin. ID Numarası yerine kendi ID Numarasını ekleyin. Facebook'tan aldığımız ID Numarası bu arkadaşlar.

<meta content='ID NUMARASI'   property='fb:app_id'/>

Şimdi de aşağıdaki kodlardan birini bulalım.


<div class='post-footer-line post-footer-line-3'>

veya

<p class='post-footer-line post-footer-line-3'>

veya

<data:post.body/>

Hemen altına aşağıdaki kodumuzu ekliyoruz.;

<b:if cond='data:blog.pageType == "item"'>
<div id="fb-root"></div>
<script>(function(d){
 var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
 js = d.createElement('script'); js.id = id; js.async = true;
 js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1";
 d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<fb:comments width='500' colorscheme='light' expr:title='data:post.title' expr:href='data:post.canonicalUrl' expr:xid='data:post.id'/>
</b:if>

Arkadaşlar son olarak şu kodu buluyoruz.
<html

Bu koda örnek olarak aşağıdaki kod gibi ekleyeceğiz. Sadece örnektir.

<html xmlns:fb="https://www.facebook.com/2008/fbml" b:version='2' class='v2' expr:dir='data:blog.languageDirection' 

Önemli!!

Sadece Kırmızı yerde gösterilen gibi olacak , Mavi yazılar örnek amaçlı yazılmıştır. Ekleme yapmayın.

Mavi yazılar sizde farklı olabilir..Kodu nasıl ekleyeceğiz amaçlı bir örnektir..

Facebook yorum kutusu



Facebook yorum kutusu, Facebook yorumlar eklentisi

3 yorum:

  1. Sonunda ya açıklayıcı bir şekilde anlatım olmuş, facebook yorum eklentisini siteye eklemek için yardımcı olacak bir makale..

    YanıtlayınSil
  2. Güzel bi eklenti ama disqus daha çok tercih ediliyor.

    YanıtlayınSil
  3. Rica ederim arkadaşlar elimden geldiği kadar anlatmaya çalıştım :)

    YanıtlayınSil

Yazdığınız yoruma gelen cevabı öğrenmek için, yorum formunun altındaki 'Beni bilgilendir' kutucuğuna tıklayın.
Yazının konusuyla alakası olmayan yorum veya sormak istediklerinizi
iletişim formundan sorabilirsiniz.