Blogger Facebook yorum eklentisi

blogger facebook yorum eklentisi

Merhaba dostlarım bugün sizlere eski olan bu makalemin güncellenmiş halini paylaşıyorum en son 2021'de paylaşmışım yöntemler gene aynı fakat görsel olarak geliştiği için güncelleme gereği duydum 2023 güncel ayarları sizlerle paylaştım umarım işinize yarar dilerseniz sırası ile adımlara geçelim


1.Adım
Tema->HTML'yi Düzenle

Orijinal;
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' 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'>

Kodu Ekledikten Sonra;
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' 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'>

Eğer orijinal blogger teması kullanıyorsanız direkt olarak yukarıdaki kodu ekleyin.

Normal Tema Kullanıyorsanız Eğer
xmlns:fb='http://www.facebook.com/2008/fbml' şu kodu '> arasına yerleştirin

Örnek resim;



ardından yorumları yönetebilmemiz uygulama oluşturacağız.



sitesine giriş yapın giriş yaptıktan sonra üst menüde " Get started " butonu var ona tıklayın ardından " Create app " bölümüne tıklayın karşınıza aşağıdaki gibi bir ekran gelecek

Örnek resim;














Buradan yeşil kutu ile işaretlediğim yere tıklayıp "next" diyin ardından karşınıza










Uygulama oluşturma ekranı gelecek app name yazan yere uygulama adınızı yazın email kısmını sansürledim girmenize gerek yok otomatik gözüküyor arından 
" Create app " yazısına tıkladığınız zaman aşağıdaki gibi bir ekran gelecek


" Developer " kısmını seçin doğrulama isteyecek ben daha önce eklediğim için istemedi facebook şifrenizi girip doğrulayacaksınız.




yukarıdaki kırmızı ile işaretlediğim yer bizim ID Kısmımız o kodu kopyalayalım üzerine tıkladığınızda otomatik kopyalıyor ardından 2.adıma geçelim

2.Adım
<head> kodunu bulun ardından hemen alt kısmına
<meta content='uygulamaıd' property='fb:app_id'/> şu kodu yapıştırın kırmızı ile işaretlediğim yere yukarıda almış olduğumuz kodu ekleyelim

Örnek:<meta content='958860591338835' property='fb:app_id'/> şekilde
daha sonra  tekrar Facebook Developer kısmına dönelim 

Settings -> Basic -> En alt kısıma gelin + Add Platform butonuna basın ardından website kutucuğuna işaret koyun

Örnek;

Seçtikten sonra bizden URL girmemizi istiyor blogger adresimizi yazıyoruz kaydedip tekrar aynı yere dönüyoruz bu kısımda " Quick Start " butonuna basıyoruz ardından biraz aşağı indiğimizde
You can also configure the SDK with " advanced settings" 
yazısını göreceğiz mavi olan yazıya tıklıyoruz açılan sayfada biraz aşağı indikten sonra 

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : 'your-app-id',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v11.0'
    });
  };
</script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
bu kodu kopyalayıp </body> kısmına ekleyin eklediğiniz kodun nerede başladığını nerede bittiğini aklınızda bulunması açısından kodun en üstüne
<!-- FACEBOOK SDK JAVASCRİPT KURULUM -->
en alt kısmına
 <!-- FACEBOOK SDK JAVASCRİPT KURULUM SON --> şeklinde yazabilirsiniz.


3.Adım

<div class='post-footer-line post-footer-line-3'> Orijinal tema 1 adet 

<data:post.body/> 3 veya 4 adet

<div class='post-footer'> 2 adet

yukarıdaki kodlardan birini seçin 
Not:Orijinal tema kullanıyorsanız en üstteki kodu seçin
ardından hemen alt kısmına

<fb:comments width='500' colorscheme='light' expr:title='data:post.title' expr:href='data:post.canonicalUrl' expr:xid='data:post.id'/>

yukarıdaki kodu ekleyin ve kaydedin 
ve sorunsuz bir şekilde çalıştığını göreceksiniz



Not: Blogger kendi yorum sistemini kapatmak için 
Ayarlar - > F3 - > Yorum - > Yorum konumu - > Gizli
Örnek resim;


Tag: blogger , blogger facebook yorum eklentisi , 

Yorumlar

Yorum Gönder

Yorumlarınız Bizim İçin Değerlidir Lütfen Yorumlarınızı Eksik Etmeyin.