23 Temmuz 2013 Salı

Facebook'ta Like Box (Beğeni Kutusu)

facebook developers
Bu konuda facebook'ta sayfanızı beğenenleri sitenizde nasıl gösterirsiniz onu anlatmaya çalışacağım öncelikle bizim sitemizde bulunan facebook eklentisinin kodlarının yapısını anlatmak istiyorum

Bilenler bilir facebook developers diye bir site ile bu tarz uygulamalara web siteleri için destek veriyor.

Öncelikle Facebook Developersa girelim Tıkla

Buradan Docs'a tıklıyoruz.

Gelen sayfada Social Plugins'e tıklayıp gelen seçeneklerden Like Box

Aşağıdaki resimlerde olayın detaylarını anlattım

facebook like box
Like box giriş

like box oluşturma
Like Box oluşturma


ve sonuç olarak Get Code dediğimiz zaman size 2 tane kod oluşturacak bunlardan ilki JS(JavaScript) kodu

<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/all.js#xfbml=1&appId=198985810112834";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

diğeri ise panelin gösterileceği yere konulması gereken div tagı

<div class="fb-like-box" data-header="true" data-href="https://www.facebook.com/FistikBlog" data-show-border="true" data-show-faces="true" data-stream="false" data-width="292">
</div>




0 yorum:

Yorum Gönder