Facebook Like düğmesinde yeni özellikler ( Tavsiye et )

Bundan önceki yazımızda tanıttığımız Facebook Like beğen butonuna eklenen yeni özelliklerle daha inter aktif hale getirilmiş. Standart butonda düğmeye tıklanıldığın da  konuya ait yazılar veya resimler paylaşılamıyordu.


Fakat şimdi tanıtacağımız Tavsiye et düğmesi ile Aynen Facebook Like butonunda olduğu gibi blog ziyaretçileriniz yazılarınızı beğenebildikleri gibi, isterlerse yorum ekleyerek kendi Facebook hesapların da yazılarınızı paylaşabiliyorlar.


Tavsiye butonundaki diğer bir özellikse yazılarınızı beğenen Facebook kullanıcılarının birer resimlerini göstere biliyor olmanız.

Uygulamayı kendi blog’uğunuza ekleyebilmek içinse aşağıdaki adımları takip etmeniz yeterli.

Aşağıda bulunan kodları kopyalayın
 

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;font=arial&amp;action=recommend&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-top:10px; width:480px; height:80px;'/>


2.Adım 
           
Kodu kopyaladıktan sonra sırası ile  Kumanda Paneli ➜ Tasarım ➜ HTML’yi Düzenle 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.

Butonun hemen yazılarınızın altında görünmesi için  işaretli Widget şablonlarını genişlet yazan kutucuğu işaretledikten sonra aşağıdaki kodu bulun.

<div class='post-footer'>

[ Klavyedeki Ctrl +F tuşuna aynı anda basarak açılan arama formunda Kodu aratarak daha hızlı bir şekilde bulabilirsiniz ]

3.Adım
<div class='post-footer'> ifadesini bulduktan sonra hemen üzerine gelecek şekilde
1. adımda kopyaladığınız kodu yapıştırın ve kaydedin.

Bu şekilde görünecek
2010-06-30_014541 

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

Bunlarda ilginizi çekebilir                                                             Facebook kategorisi ➜
Paylaş !

21 yorum:

  1. like butonunu widget üzerine eklemek istiyorum. nasıl yapabilirim?

    YanıtlaSil
  2. Kendi blog'uğunda kullandığın Facebook like beğen düğmesi Fakat buradaki tavsiye et yani bunun kodlarını eklersen sorun yaşayabilirsin.

    O yüzden sen buradaki Facebook like beğen butonuna ait 1.adımdaki kodları kopyalayıp Kumanda PanelindenTasarım ➜ bölümüne geçerek buradaki Sayfa öğeleri sekmesinde bulunan Gadget ekle bağlantısına tıklayarak açılan pencerede HTML/Javascrip ekle yazan Gadgeta tıkla seni karşılayan pencereye kodları yapıştırıp kaydet.

    Ayrıntılı anlatım içinde buraya baka bilirsin.
    Blogger’a Gadgetları HTML /Javascript  olarak eklemek.

    YanıtlaSil
  3. Bilgiler İçin Çok Teşekkürler Deneyeceğim :)

    YanıtlaSil
  4. Çok Sağol Dostum Süpersin :)

    YanıtlaSil
  5. Bunlarda ilginizi çekebilir kısmından yapmak istiyorum nasıl oldugun acıklarmısın tayfun ?

    YanıtlaSil
  6. Kendi blog'uğumdakileri ben elle yaptım fakat bu tarz otomatik bağlantılar oluşturan uygulamaları tanıtmıştık Outbrain ve Link Within  ile bunlarda ilginizi çekebilir veya bezer yazılar gibi bağlantılar oluşturabilirsin.

    YanıtlaSil
  7. Güzel açıklamalar takip etmektde fayda var.Tebrikler.Zaman geç oldu ama takip edeceğim.
    http://nedengizem.blogspot.com

    YanıtlaSil
  8. yararlı bilgiler için teşekürler
    http://beylikcumleler.blogspot.com/

    YanıtlaSil
  9. ben de aynı basamakları uygulamış olsam da şu uyarı çıkıyor.
    lütfen yardım edebilir misiniz?
    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 element type "b:includable" must be terminated by the matching end-tag "".

    YanıtlaSil
  10. kodu eksik veya yanlış eklemiş olmalısın..

    YanıtlaSil
  11. div class='post-footer' html satırlarında yok. ayrıca gagget ekleyerek denedim yine olmadı. acaba neden?

    YanıtlaSil
  12. Pelin Hanım
    Widget şablonlarını genişlet yazan kutucuğu işaretledikten sonra arama yapın..

    bu şekilde div class='post-footer'i bulabilirsiniz..

    YanıtlaSil
  13. çok tşkkürler ama bende tıklayınca onayla yazısı çıkıyor direk tıklayınca neden aktif olmuyor acaba

    YanıtlaSil
  14. ana sayfada görünmemesi için ne yapabiliriz?

    YanıtlaSil
  15. @Administrator eklediğin kodları silip yerine aşağıdaki kodları eklerseniz düğme ana sayfada görünmez.

    <b:if cond='data:blog.pageType == &quot;item&quot;'><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;font=arial&amp;action=recommend&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-top:10px; width:480px; height:80px;'/></b:if>

    YanıtlaSil
  16. eyvallah hocam teşekkür ederim.

    kodu sayesinde mi oluyor peki bu?

    YanıtlaSil
  17. diğer kodların da ana sayfada görünmesini istemezsek ne şekilde yapacağız? bunun mantığı tam olarak nedir?

    YanıtlaSil
    Yanıtlar
    1. eklediğin her hangi bir öğenin , istediğin sayfada görüntülenmesi veya gizlenmesi için blogger’ın bazı özel kodları bulunuyor ,örnek bu düğmenin yazı sayfaları , ana sayfa veya sabit statik sayfalarda görünüp gizlenmesi için bahsettiğim kodların içine alabilirsin.

      burada da bu kodların kullanımı hakkında daha ayrıntılı bir yazı bulabilirsin.

      Sil
  18. Hocam ben ekledim çalışıyorda fakat tavsiye et butonuna tıkladığımızda facebook sayfama giridp bakıyorum bir paylaşımda bulunmamış...

    YanıtlaSil

Lütfen yazıyla ilgisiz yorum yapmayın sormak istediğiniz bir soru varsa sağda bulunan kotegorilerden sorunuza en uygun olan kategoriye tıklayıp, açılan sonuçlardan birisine yorum yapabilirsiniz, ayrıca sadece link bırakmak için yapılan spam yorumlar yayınlanmaz