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.