Blogger Sitenize Facebook Öneriler Kutusu ekleyin

28 Temmuz 2012 Cumartesi0 yorum

Sosyal paylaşım sitesi Facebook.com,uygulamalarındaki yeniliklerine hızla devam ediyor.Son uygulamalarından "recommendationsbar" (Öneriler kutusu) sitelere paylaşım yeniliği getirirken, aynı anda görsel katkı da sağlamaktadır. Öneriler kutusu sitenizdeki ziyaretçilere "beğen" önerisiyle birlikte diğer yazılarınızdan da öneriler göstererek,ilgiyi artırmaktadır.
Sitenize "Facebook Öneriler Bar" eklemek isterseniz,altta gösterilen adımları dikkatlice uygulamalısınız.

* İlk olarak Facebook Apps üzerinde sitenizin adıyla Facebook uygulaması etkinleştirmeniz gerekmektedir.
Önce buradan uygulama sayfasına giderek,sayfanın sol alt bölümünden öneriler bar yazısına tıklayınız. Ana sayfaya gitmek için https://developers.facebook.com/docs/plugins/  tıklayınız  veya doğrudan öneriler bar sayfasına buradan giriş yapınız



Sayfaya girdikten sonra "Kodu alın" butonuna tıklayınız.


Açılan pencerede "Yeni uygulama oluşturun" yazısına tıklayınız
Bu aşamada tekrar ilk sayfaya dönerek,site kaydı tamamlanıyor.

Kayıt tamamlama işleminden sonra tekrar uygulama sayfasına gidilerek,sitenizin kaydı tamamlanıyor.
https://developers.facebook.com/apps
Sitenin uygulama sayfasındaki ID kodunun olduğu sayfa açık kalmalı veya kod bir yere not olarak eklenebilir.
Bu aşama tamamlandıktan sonra Tasarım-Html Düzenle-Şablon genişlet Yaptıktan sonra CTRL+F

<html
kodunu

<Html xmlns: fb = 'http://ogp.me/ns/fb #'

ile değiştirin ve tekrar CTRL+F tıklayarak
<body>
etiketini bulun,tam altına alttaki kodu ekleyin.
<div id='fb-root'/>
<script>
//Facebook Recommendation bar tutorial by Techtutshub.com
//<![CDATA[
(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/en_US/all.js#xfbml=1&appId=xxxxxxxxxxxxxxx";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<b:if cond='data:blog.pageType == &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><div style='z-index:999999; position:absolute;'>
<fb:recommendations-bar action='like' max_age='0' num_recommendations='3' read_time='10' side='right' site='http://www.teleyorum.blogspot.com' trigger='30%'/></div>
</b:if></b:if>

Not:Kırmızı ile yazılan yerleri kendinize göre göre düzenleyiniz.
Kaynak Link:
http://www.techtutshub.com/2012/06/add-easily-facebook-recommendations-bar.html
Share this article :

Yorum Gönder

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. teleyorum - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger