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.
Ö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 yorumlar eklentisi
Sonunda ya açıklayıcı bir şekilde anlatım olmuş, facebook yorum eklentisini siteye eklemek için yardımcı olacak bir makale..
YanıtlaSilGüzel bi eklenti ama disqus daha çok tercih ediliyor.
YanıtlaSilRica ederim arkadaşlar elimden geldiği kadar anlatmaya çalıştım :)
YanıtlaSil