Ads Top

Blogger İçin Facebook Yorum Eklentisi 2015

Facebook bu eklentiyi çıkarttığı günden beri sanırım 1 milyon kez güncelleme yapmıştır ve her seferinde de bizleri saçmasapan şeylerle uğraşmaya mahkum bıraktı. Son olarak sene 2015, aylardan ise Haziran oldu ve ben yeni bir anlatım ile karşınızdayım.

Öncelikle Facebook'un geliştiriciler için açmış olduğu buradaki linke tıklayıp yeni bir App oluşturuyoruz. (Verdiğiniz isimler çok önemli değil.)


Uygulamayı oluşturduktan sonra karşınıza gelecek olan ekran şöyle;

Şimdi ise Blogger Dashboard / Şablon / HTML'i Düzenle kısmına giriyoruz. Karşımıza gelen kodların en üstünde <html ........  ile başlayan bir kod bulunmakta. Bende şöyle;

<html 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'>
Bu kodun en başında bulunan xmlns='http://www.w3.org/1999/xhtml' kısmını xmlns:og='http://ogp.me/ns#'  kodu ile değiştiriyoruz. Yani sonuç böyle olmalı;

<html xmlns:og='http://ogp.me/ns#' 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'>


Şimdi <Body> kodunu aratıp, bir alt satırına aşağıdaki kodları yazıyoruz. AppID kısmına ise Facebook'ta oluşturduğunuz uygulamada bulunan AppID değerini aynen yazıyoruz.

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : &#39;AppId&#39;,
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement(&#39;script&#39;);
e.src = document.location.protocol + &#39;//connect.facebook.net/tr_TR/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>

Şimdi ise </head> kodunu aratıp, bir üst satırına aşağıdaki kodları yapıştıracağız. Kodları yine kendinize göre düzenlersiniz.

<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='AppID' property='fb:app_id'/>
<meta content='Galaksi Rehberim' property='og:site_name'/>
<meta content='https://www.facebook.com/galaksirehberim' property='fb:admins'/>
<meta content='article' property='og:type'/>

Son olarak <div class='post-footer-line post-footer-line-1'> kodunun hemen altına aşağıdaki kodları yapıştırıyoruz. (Bu kodlar yorumların, sayfanızın hangi kısmında görüntüleneceğini belirler. Sayfanızın yapısına göre değişiklik gösterebilir.)

Not: Yorum kutusunun genişliğini 700 olarak belirledim. Sayfanıza göre düzenlersiniz.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='padding:10px 0px 5px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/tr_TR/all.js#xfbml=1'/>
<div> <fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='700'/></div>

</b:if>

Sonuç:

Blogger tarafından desteklenmektedir.