ZaLiM
ForumdiziniAdmin
Mesaj Sayısı : 4800
Puan : 11322
Kayıt Tarihi : 22/03/10
Cinsiyet : 
 |  Konu: Blogger'a facebook beğen butonu nasıl eklenir?  C.tesi Ağus. 14, 2010 4:37 pm | |
| 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 kodunu buluyoruz. Hemen altına da aşağıdaki kodları yapıştırıyoruz:
- Kod:
-
<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:
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. [Linkleri görebilmek için üye olun veya giriş yapın.] 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: [Linkleri görebilmek için üye olun veya giriş yapın.]
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 kodunu buluyoruz. Hemen altına aşağıdaki kodları ekliyoruz.
- Kod:
-
<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 + 'https://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:
 | |
|
Anasayfa 
Portal 
Kayıt Ol 
Giriş yap 