Blogger blogları için Facebook sayfa eklentisi

22 Kasım, 2016
Blogger blogları için Facebook sayfa eklentisi
Blogger blogları için Facebook sayfa eklentisi
Merhaba, Blogger, Wordpress ve ya nomal web sitenize Facebook "like box", beğeni kutusu ekleyebilir ve sitenizin daha güzel görünmesini sağlayabilirsiniz. Ayrıca Facebook like box yani beğeni eklentisi ile beğeni sayınız artabilir.

Facebook beğeni kutusunu Blogger'a nasıl eklersiniz?

Öncelikle şablon kısmına girerek iki aşamalı olarak ekleme işlemi ile sizi uğraştırmak istemiyorum, ayrıca Wordpress kullanan arkadaşların da kolay eklemesi gerek. Bu yüzden aşağıda yer alan kodları kopyalayarak Blogger ya da Wordpress' eklenti olarak eklemeniz yeterli.

Blogger'a eklemek için Blogger admin panelinizde sol tarafta yer alan sekmelerden "Yerleşim" e tıklayınız ve istediğiniz alanda yer alan "Gadget ekle" tıklayarak açılan yeni sayfada "HTML/JavaScript Ekle" sekmesine tıklıyoruz ve açılan boş alana kodlarımızı yapıştırıyoruz.

Facebook like box, Facebook eklenti kodu;

<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&version=v2.8";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/facebook" data-tabs="timeline" data-width="300" data-height="300" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/facebook" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/facebook">Facebook</a></blockquote></div>
Yukarıda yer alan kodları ekledikten sonra, kırmızı renkle belirttiğim "facebook" kelimesi yerine kendi facebook sayfanızın kullanıcı adını yazmalısınız. Daha sonra kaydet diyerek işlem tamamlanır. Wordpress'e eklemek isteyen arkadaşlar da yukarıda yer alan kodları widget olarak ekleyebilirler.

14 yorum:

  1. Normalde bu eklenti iki aşamalı olarak eklenir. Kırmızı renkli facebook yazısının üst kısmı, şablonda < body > kısmının altına eklenir ve geri kalan kısım ise Yerleşim alanında Gadget olarak eklenir. Ama yukarıda belirttiğim gibi tek bir işlemde eklenti olarak ekleyebilirsiniz.

    YanıtlaSil
  2. Yorum Kutusu nasıl ekleyebiliriz?

    YanıtlaSil
    Yanıtlar
    1. https://developers.facebook.com/docs/plugins/comments/ bu linki ziyaret ederek, gerekli kodlara ulaşabilirsiniz...

      Sil
  3. Ben dediklerinizi yapıyorum ama olmuyor, sadece ayarlar düğmesi görünüyor o kadar başka bir şey görünmüyor.

    YanıtlaSil
    Yanıtlar
    1. Merhabalar, yorumunuzun ardından kodları kendi blogumda denedim ama her hangi bir sorun göremedim. Bu eklenti için ekstra bir koda da ihtiyaç yok :/

      Sil
  4. Kodlar çalışıyor, siteme ekledim teşekkür ederim. Keşke beğen ve paylaş yazıları Türkçe olsaydı. Merak edenler için www.gulaykosen.com

    YanıtlaSil
    Yanıtlar
    1. Rica ederim, yalnız eklenti Türkçe olarak ayarlı zaten, nasıl böyle bir sorun olur anlamadım :/

      Sil
  5. Güzel bir form bu. sayfama ilk eklediğimde çalışmadı ama şimdi oldu teşekkürler

    YanıtlaSil
  6. Hocam ilk önce yardımlarınız için teşekkür ederim. Facebook sayfa eklentisini blog sayfamızda nasıl genişletebiliriz, facebook sayfamın adının hepsi eklentiye sığmıyor, "kültürü" ifadesini eklentide gözükmüyor. width="300" yazan yere "400" yazdım, fakat facebook eklentisi genişlemedi.

    YanıtlaSil
    Yanıtlar
    1. Rica ederim, eklediğiniz alanın da genişliğini arttırmanız gerekir.

      Sil
    2. Html'de acaba hangi alanının/yazının genişliğini arttırmalıyım.

      Sil
    3. Sidebar kısmı için genişlik değeri olmalı, örneğin bloggerın hazır temalarından birini kullanıyorsanız Yerleşim - Tema tasarımcısı kısmına ulaşıp burada genişlik seçeneğinden sidebar kısmının genişliğini arttırabilirsiniz.

      Sil
  7. Çok işime yaradı,
    Allah razı olsun...

    YanıtlaSil

Yorum yaparken:
1. İçerik konusuyla alakalı olmasına özen gösterin.
2. Yazım ve dil bilgisi kurallarına uymayı ihmal etmeyin.
3. Konu ile ilgili olmayan sorularınız için ise Blogger Yardım veya İletişim sayfalarını kullanın.

Copyright © 2016 - 2024 Blog Tecrübem. All rights reserved. Powered by Dijidal.com and Blogger. I Google
Sitede yer alan tüm içerikler Blog Tecrübem'e aittir, kullanım koşulları çerçevesinde alıntı yapılabilir.