Facebook'daki Beğen butonundan her blog sayfanıza birer tane yerleştirmek ister miydiniz? Bu yazıyı okuduktan sonra çok kolay. Bunu yapmak için iki farklı yöntem mevcut. Sırası ile bu yöntemlere bir göz atalım.
1) iframe Yoluyla
Sıradan bir kullanıcı için en kolay yöntem bu yöntemdir. Çünkü basittir. Ancak uygulamasının basit olduğu kadar görünüşü de basittir. İkinci yöntemin üstün özelliklerine sırası gelince değinelim, şimdi gelelim birinci yöntemin uygulanışına.
İlk olarak blogumuzun yönetim panelindeki HTML'yi Düzenle sayfasına giriyoruz. Widget Şablonlarını Genişlet seçeneğini aktif hale getiriyoruz. Daha sonra şablon kodlarımız arasında CTRL+F yardımıyla <data:post.body/> kodunu buluyoruz. Hemen altına da aşağıdaki kodları yapıştırıyoruz:
<b:if cond='data:blog.pageType == "item"'>
<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;'/>
</b:if>
Şablonumuzu kaydettiğimiz zaman, tamamdır. Bu adımları tamamladığınızda yazınızın altında şuna benzer bir görüntü oluşacak:
Bu bitti, devam edelim.
2) XFBML Yoluyla
Bu yolu kullanarak Beğen butonunuzu daha işlevsel bir hale getirebilirsiniz. Bu yöntemi uyguladığınızda ziyaretçileriniz yazılarınızı beğenmenin yanında yazılarınıza bir yorum yazıp facebook sayfalarında paylaşabilirler de. Bunu yapmak için blogumuza bir facebook app id almamız gerekli. http://developers.facebook.com/setup/ adresine girerek oradaki gerekli bilgileri doldurun, ve Create Application butonuna tıklayın. Unutmamamız gereken bir ayrıntı, Site URL kısmına yazacağımız blog anasayfamızın adresinin sonundaki / işaretini unutmamamız gerektiğidir, yoksa site İnvalid URL hatasını veriyor. Örneğin:
Site Name: Asosyalbebe
Site URL: http://www.asosyalbebe.com/
Locale: Türkçe
Site URL: http://www.asosyalbebe.com/
Locale: Türkçe
Bilgileri doldurup Create Application butonuna tıkladıktan sonra açılan sayfadaki App id'yi bir kenara yazıyoruz. Daha sonra şablon kodlarımız arasında CTRL+F yardımıyla <data:post.body/> kodunu buluyoruz. Hemen altına aşağıdaki kodları ekliyoruz.
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'app id niz', 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>
Kod içerisindeki kırmızı ile belirttiğim kısımdaki app id niz kısmının yerine tırnakları silmeden az önce almış olduğumuz application id'nizi yazıyoruz.Ve şablonu kaydederek bu işi bitiriyoruz. Görüntü şu resimlere benzeyecek:
Beceremediğiniz, zorlandığınız kısımları yorumlarda belirtebilirsiniz. Sağlıcakla kalın efendim. Butonu denemek için hemen aşağıdaki örneği kullanabilirsiniz.
Kaynaklar:
http://www.asosyalbebe.com/2010/07/facebook-begen-butonunu-bloggera.html
http://www.tymsh.com/2010/06/25/sitenize-facebook-like-begen-butonu-ekleyin/
http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html
Bu yazıyı beğendiyseniz RSS akışına abone olarak yeni yazılarımızı e-posta aracılığıyla takip edebilirsiniz. Bu link ile abone olabilirsiniz.
Bunu yazının içine değil de widget olarak sidebar'a gömmek için ne yapmam gerekir? Çünkü ilk yazıda eklenti olarak görünüyor, çok hoş durmadı.
Teşekkürler.
İyi Günler,
xFBML yoluyla yapacak arkadaşlar için;
TÜRKÇEleştirmek için yukarıdaki kodlarda en_Us yerine tr_TR yazarlarsa TÜRKÇE olacaktır.
1) iframe Yoluyla yapmak istiyorum ama türkçesi yok mu iframe yolunun da ?
Güzel paylaşım olmuş.Teşekkürler
yaw bende ctrl+f den bişey bulamıyom :D
çok teşekkürler açık, sade ve kullanışlı bir yazı olmuş gerçekten
iyi çalışmalar ben 2. yolu denedim ancak bi' kaç sıkıntı yaşadım yardımınızı bekliyorum.
1 - yazdığım bir yazıyı beğenenler blogda ki bütün yazıları beğenmiş gibi gözüküyor o sorunu nasıl çözeceğiz ?
2 - beğenen kişinin facebook profilinde xxx.blogspt.com da şunu beğendi diye çıkan şey facebookta verdiğiz adreste blog adı olarak yazdığımız yazı , o sorunu nası çözeceğiz ?
yani x kişisi xx.blogspot.comda '' yazının başlığı'' beğendi olarak çıkma durumu yok mu ?
ilgilendiğiniz için şimdiden teşekkür ederim :) iyi çalışamlar
2. yolu kullandığımızda verdiğiniz http://developers.facebook.com/setup/ adrese gidiyoruz site adını url sini fln dolduruyoruz fakat full error veriyor..!
Yorum Gönder
Yorum yazarken dikkat ediniz;
1) Öncelikle, kesinlikle küfür etmiyorsunuz.
2) Eğer önceki yorumlardan birine cevap veriyorsanız kime cevap verdiğinizi belirtiyorsunuz.
3) Web sitenizin reklamını yapmak için saçma sapan, konuyla alakası olmayan yorumlar atmıyorsunuz.
4) Bunlar haricinde kardeş kardeş yorumlarınızı yazabilirsiniz.:)
BloggerDestek Ekibi