3 Ekim 2016 Pazartesi

Blogger'a Facebook Yorum Kutusu Eklemek 2016

Blog yayıncılığına yeni başlayanlar için en çok kullanılan özelliklerden biri de blogger sitesine Facebook yorum kutusu eklemektir.

Bu sayede sitenizi ziyaret eden kullanıcılar sadece Facebook hesapları ile yorum yapabilirler.

İnternet'te Blogger'a Facebook yorum kutusu nasıl eklenir diye arattığınızda o kadar karma karışık bilgiler çıkar ki yapmaktan vazgeçebilirsiniz. Çoğu sitede önce Facebook hesabımızdan bir uygulama yüklememiz daha sonra bir ID almamız vs. anlatılır. Bunlara hiç gerek kalmadan çok basit bir yöntemle sitenize Facebook yorum kutusu eklenir anlatacağım:

1- Öncelikle Blogger hesabımızdan giriş yapıyoruz. Ayarlar kısmından " Yayınlar, yorumlar ve paylaşım " sekmesini tıklıyoruz. Resimde görüldüğü gibi "Yorum Konumu" ayarını " Gizli " olarak ayarlıyoruz. Eğer bu ayarı gizli olarak ayarlamazsak, Facebook yorum kutusunu koyduktan sonra 2 tane yorum kutusu çıkar. İşte bu görüntüyü kaldırmak için yorum konumunu " Gizli " yapıyoruz.

Sitene Facebook Yorum Kutusu Ekleme


2- Şablon sekmesinden "HTML DÜZENLE" kısmına giriyoruz.


Sitene Facebook Yorum Kutusu Ekleme 1

3- "CTRL+F" tuşuna basarak arama çubuğundan </body> kodunu aratalım ve aşağıdaki kodu kopyalarak </body> kodunun hemen üzerine yapıştıralım. ( Not : bu işlemi başka sitelerden yapan kişilerin çoğunda yorum yerine İngilizce olarak Comment yazar. Sebebi ise kodu kopyaladıkları yerde tr_TR yazan yerde en_US yazmasıdır. )

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/tr_TR/sdk.js#xfbml=1&amp;version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


Sitene Facebook Yorum Kutusu Ekleme 2

4-  Daha sonra tekrar CTRL+F ile <b:include data='post' name='post'/>  kodunu aratıp hemen altına aşağıdaki kodu kopyalıyoruz.

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
                 &lt;div
                     class=&quot;fb-comments&quot;
                     data-href=&quot;<data:post.url/>&quot;
                     data-width=&quot;600&quot;
                     data-num-posts=&quot;100&quot;&gt;
                 &lt;/div&gt;
            </b:if>

Sitene Facebook Yorum Kutusu Ekleme 3

Artık yorum kutumuz hazırdır. Şablonu kaydedip çıkabilirsiniz.

Sitene Facebook Yorum Kutusu Ekleme 4

BONUS : Facebook Takipçi Arttırmak İçin Tıkla