Blog’unuza Facebook Like(beğen) butonu ekleyin

Etiketler : Facebook
Blog ziyaretçilerinize beğendikleri yazıları hızlı ve kolay bir şekilde kendi Facebook hesaplarında paylaşmaları için sunabileceğiniz  en iyi araç sanırım Facebook Like(beğen) butonu olacaktır. 

 

Görüntü olarak ta şık bir tasarıma sahip bu düğme sayesinde, hangi yazılarınızın daha fazla ilgi gördüğünü bilmek, sizin için iyi bir de istatistik kaynağı olacaktır. 

Facebook Like (beğen) butonunu kendi blog’unuz da kullanabilmek içinse aşağıdaki adımları takip etmeniz yeterli olacaktır.

         

         
1.Adım Sırası ile  Kumanda Paneli ➜ Şablon ➜ HTML’yi Düzenle ➜ Devam et yolunu takip ederek blog’umuzun kodlarının açık halde bulunduğu modüle ulaşıyoruz.
  

Yapacağımız işlemlere başlamadan önce Tam şablon yükle yazan bağlantıyı kullanarak Blog şablonunuzu yedeklemenizde fayda var. Daha sonra yapacağınız her hangi bir hata sonrası şablonunuzu geri yükleyerek yapmış olduğunuz tüm değişiklikleri geri alabilirsiniz.

Ayrıca açılan pencerede   Widget şablonlarını genişlet yazan kutucuğun işaretli olduğundan emin olun.

2.Adım Aşağıda bulunan kodları kopyalayın ve klavyenizdeki Ctrl +F tuşuna aynı anda basarak açılan arama formunda aratın.

<data:post.body/>

3.Adım <data:post.body/> ifadesini bulduktan sonra hemen  altına gelecek şekilde
aşağıda bulunan kodu ekleyip kaydedin.

<script>(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 = &quot;http://connect.facebook.net/tr_TR/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
</script>

<div id='fb-root'/>

<fb:like colorscheme='light' expr:href='data:post.url' font='' layout=' standart ' send='false' show_faces='false'/>

Arama formunda <data:post.body/> diye arattığınızda birden fazla sonuçla karşılaşabilirsiniz yukarıdaki kodu bulduğunuz ilk ifadenin altına eklemelisiniz

Bu şekilde görünecek 
 

Yapmanız gereken işlemleri daha ayrıntılı bir görsel üzerinde görmek içinde buraya tıklayın.

Kodu yapıştırdıktan sonra yazılarınızın hemen altında aşağıdakine benzer bir düğme görünecektir. 

Not: Beğen düğmesinin yazılarınızın altında değil de üstünde görünmesini isterseniz  kodu<data:post.body/> ifadesinin hemen üstüne ekleyin.

Düğme 3 farklı özelleştirme seçeneği sunuyor, 3.adımda kırmızı ile renklendirdiğimiz (standart)  yazan bölüme, aşağıda bulunan buton görünümlerinden her hangi birisinin ismini yazarak, istediğinizi kullanabilirsiniz.

                                 

  standart                                       button_count                        box_count