blogger sitenize facebook beğen butonu ekle

merhaba arkadaşlar, bu yazımızda blogger yani blogspot.com uzantılı sitelerinize facebook beğen butonunun nasıl eklendiğinden bahsedeceğim.


biliyorsunuz ki facebook artık yaşamımızın bir parçası haline geldi. evde, işte, sokakta, yaşamımızın her bölümünde facebook var. bizde facebook' un bize sunduğu imkanları nasıl kullanabiliriz bunun hakkında bir yazı yazalım dedik ve ilk yazımız olarak facebook beğen butonu oldu. yavaşça konuya değinelim;

öncelikle facebook beğen butonunuzu eklemenin 2 yöntemi var ilk yöntemimiz;


1. iframe yöntemi

bu yöntem oldukça basit ve kullanışlı bir yöntemdir. çoğu kişinin kullandığı bir yöntemdir. şimdi sırasıyla yapılacakları yazalım;
  • ilk olarak blogumuzun yönetim paneline girelim ve şablon ayarlarını açalım. 
  • şablonumuz da kod bankasının üstünde widget şablonlarını genişlet yazan yazının önündeki kutuyu işaretleyelim.
  • daha sonra html kodlarımız arasında CTRL+F kısayol arama tuşuyla <data:post.body/>
  • kodumuzu bulduktan sonra altına aşağıdaki kodumuzu yapıştırıyoruz ve kaydediyoruz.

<b:if cond='data:blog.pageType == "item"'><br /><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/><br /></b:if>



2. xfbml yöntemi
bu yöntem karışık gibi görünse de aslında basit 
bir yöntemdir. 
fakat üstteki yöntemden daha gelişmiş bir yapıya sahiptir. 
öncelikli yapmamız 
gereken facebook app id almamız gerekiyor:
  • öncelikle http://developers.facebook.com/setup/ adresine giriyoruz.
  • buradaki gerekli bilgileri doldurduktan sonra create application butonuna tıklayın.
  • site ismini yazarken site isminizin sonundaki "/" işaretini unutmamalıyız. aksi taktirde url hatası verebilir.
bilgileri doldurup create application butonuna tıkladıktan 
sonra size verilen app id'sini bir yere not ediniz.
şimdi yönetim paneli > şablon > html düzenle 
bölümüne gelip widget şablonlarını genişlet 
kutusunu işaretleyip <data:post.body/> kodunu 
CTRL+F kısayol arama tuşu ile aratalım.
kodu bulduktan sonra hemen altına aşağıdaki 
kodumuzu ekliyoruz.

<div id="fb-root"></div> <script> window.fbAsyncInit = function() { FB.init({appId: 'app idnizi buraya yazın', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; document.getElementById('fb-root').appendChild(e); }()); </script> <div> <fb:like action='like' colorscheme='light' layout='standard' show_faces='true' width='450'/> </div>
burada dikkat etmemiz gereken bölüm, biraz önce aldığımız 
facebook app id mizi üstteki kodda
siyah bölümle belirttiğimiz "app idnizi buraya yazın" yazan 
bölüme app idinizi yazınız. 
eğer işlemi doğru yaptıysanız konu içerisinde aşağıdaki gibi 
bir bölüm oluşması gerekiyor.
not: bu yazı normal şablonlar için geçerlidir. klasik blogger 
şablonlarına buradan ulaşabilirsiniz.

Yorumlar

Adsız dedi ki…
xfbml yöntemi ile yaptım fakat'beğen' değil 'like' olarak çıkıyo!
bunu nasıl düzeltiriz acaba?
stillborn dedi ki…
farklı bir tarayıcıdan da denediniz mi peki? orada da aynımı gözüküyor.
KODU TAM DENİLDİĞİ GİBİ YAPIŞTIRIYORUM,HATA DA VERMİYOR ANCAK YAZI ALTINDA GÖRÜNMÜYOR;SEBEBİ NE OLABİLİR?
stillborn dedi ki…
hangi yöntemi kullanıyorsunuz?
Aysun dedi ki…
1.yöntemle denedim olmuyor çıkmıyor sadece bayaz bir yer var o kadar daha önce 2 yöntemide denedim olmuyo olmuyo olmuyo gerçekten bıktım artık.en azından bu basit yöntemle yapayım dedim yine yok sorun ne anlamıyorum bir türlü
Aysun dedi ki…
şöyle birşey çıkıyor:
Düzgün bir şekilde oluşturulmadığından şablonunuz çözümlenemedi. Lütfen tüm XML öğelerinin düzgün biçimde kapatıldığından emin olun.
XML hata iletisi: The content of elements must consist of well-formed character data or markup.

Error 500
stillborn dedi ki…
merhaba, uyarınız üzerine tekrar kurulum yaptım fakat herhangi bir hata almadım. yani bende sıkınıtı yok dikkat ederseniz bizim sitedede kullanıyorum bu yöntemleri. temanızda bir sıkıntı olabilir mi? temayı değişip tekrar denediniz mi?
Unknown dedi ki…
Syfamızı o beğen kodlarının içine nasıl eklicez mesela yapıyom 0 beğenilik bi sayfa çıkıyo

Bu blogdaki popüler yayınlar

babasının dursun'a mektubu karadeniz şivesiyle

valerie cox "kurabiye hırsızı"

twiends nedir? nasıl kullanılır? resimli anlatım