Facebook like(beğen) düğmesine send(gönder) butonu ekleyin

Daha önce tanıttığımız ve kendi blog’uğunuza ekleyebileceğiniz adımları da paylaştığımız Facebook like(beğen) butonu ile birlikte isterseniz artık send(gönder) butonunu da kullanabilmeniz mümkün.

 

 beğen gönder

 

Her iki düğmeyi bir arada kullanırsanız blog ziyaretçileriniz  içeriğinizi beğendikleri gibi kendi Facebook hesaplarında ekli arkadaşlarına mesaj olarak gönderebiliyor ve her hangi bir e-posta adresine de yazıdan kısa bir alıntı yollayabiliyorlar.

 

 

 

Beğen düğmesine tıklanıldıktan sonra yorum yapın istediğiniz arkadaşınıza yollayın.

face-yorum 

 

Gönder butonu sayesinde ister Facebook ta ki arkadaşlarına isterse her hangi bir mail adresine yazıdan kısa bir bölüm yollanabiliyor.

maillle-yolla

 

Uygulamanın tek eksiğiyse ana sayfadayken sadece ana sayfayı beğenmesi yani Facebook like gibi iframe ile çağrılamadığı için bizim gibi sdece yazı sayfalarında kullanmk isteyenler için ideal bir araç.

 

Uygulamayı hemen kendi blog’uğumuz da kullanmaya başladık test etmek için yazının sonunda bulunan butonlara tıklamanız yeterli kendi blog’uğunuza eklemeniz için gerekli adımlarsa aşağıda sizi bekliyor.


1.Adım
Kendi butonunuzu oluşturmak için buradan uygulamanın sayfasına giderek hiç bir ayarı değiştirmeden sadece Get Code yazan butona basın ve açılan pencerede bulunan kodu kopyalayın.

 

Kodu her ne kadar buraya yazma imkanım bulunsa da yukarıdaki işlem sizin kendi özel kodunuzu oluşturmanızı sağlayacaktır.

 

Kod sayfasında hiç bir değişiklik yapmamızın nedeni de URL kısmına blog URl’si yazarsanız

ekleyeceğiniz butonlar sadece blog ana sayfanızı beğenecektir bu yüzden tüm bölümleri boş bırakarak sadece kodu almanız yeterli.

 


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ş !

24 yorum:

  1. Çok başarılı bir çalışma olmuş. Tebrikler

    YanıtlaSil
  2. Kodları facebook sayfasından almıyorum. Get code butonuna tıklıyorum ama birşey olmuyor. Hazır kodu yüklermisin rica etsem ?

    YanıtlaSil
  3. İzocin öncelikle farklı tarayıcılarda dene kod yinede açılmazsa burada bulunan kodları ekle.

    YanıtlaSil
  4. Verdiğiniz bağlantıdan facebook sayfasına gidip get code dediğimde ''Only verified developers can be added as listed developers of this application. Read http://www.facebook.com/help/?faq=17580 for details. '' gibi bir uyarı veriyor.Like Box ın kodlarını veriyor ama buton vermiyor

    YanıtlaSil
  5. Teşekkür ederim bu sefer oldu.Ancak son bir sorum var : Bu butonun yanında '' şu kadar kişi bunu beğendi yazısını kaldıramıyor muyuz ?mesela sadece beğenen kişi sayısı olsa...

    YanıtlaSil
  6. Evet bunun yolunu uzun zamandır arıyordum ve sonunda bulmayı başardım. :) Gerçekten çok teşekkürler bayaa yararlı oldu :)

    YanıtlaSil
  7. Tayfun bey merhaba like beğen düğmesi olarak daha önce yapmıştım bu uygulamayı ancak yukarıdaki işlemleri tekrar uygulamaya aldım ancak.
    1.Kotlar html5 xfm gibi başlamakta sayfayı güncellerseniz iyi olur iframe kodu kaldırılmış.
    2.Diğer konuda önceden eklediğim beğen düğmesi duruyor yani 2 tane oldu onu kaldırmamız için açıklama ekleyebilirmisiniz.Bir yanlışlık yapmayalım.Teşekkürler.

    YanıtlaSil
  8. İlave eski kiğer anlatımlarınızdanda bulup silebiliriz .Ancak arkadaşlarında benim yaptığım gibi 2 tane beğen düğmesi çıokması olasılığı var konuyu bu içerikte güncellemeniz iyi olur herhalde.<görüşmek üzere..

    YanıtlaSil
  9. uyarınız için teşekkürler Adnan Bey evet dediğiniz gibi ,iframe yöntemi kaldırılmış HTML5 şuan itibari ile tüm tarayıcılarda çalışmadığı için sanırım js ile anlatıma devam ederiz.

    YanıtlaSil
  10. html kısmına ekledim hiçbişey olmadı bloga grdgımde yazılarımın altında o kod cıkıyor.düzeltmeye çalıştım olmadı:( neyapmam gerekıyor?

    YanıtlaSil
  11. Modayadairhersey eklediğin kod eksik, sadece facebook like düğmesi eklemek istiyorsan, daha önce eklediğin kodu silip daha sonra buradaki adımları tekrarla.

    YanıtlaSil
  12. sorun şu daha önce eklediğim kodları bulamıyorum:(

    YanıtlaSil
  13. sırası ile Kumanda Paneli ➜ Tasarım ➜ HTML’yi Düzenle yolunu takip et burada Klavyedeki Ctrl +F tuşuna aynı anda basarak açılan arama formunda expr:src='"http://www.facebook.com/plugins/like diye arat.

    YanıtlaSil
  14. bende söyle bir şey oluyo bir konuyu beğendiğim zaman tüm konuları beğeniyor :/

    YanıtlaSil
  15. Merhaba,
    daha önce gerekli işlemlerden sonra iframe kodu veriyordu.Şimdi ise vermiyor.Nedeni ne olabilir.
    Başarılar

    YanıtlaSil
    Yanıtlar
    1. iframe ile eklediğin zaman her uygulama için bir iframe eklemek zorunda kalıyorsun ama javascript dosyasını bir defa eklersen diğer uygulamları html olarak ekleyebilirsin, bu sayede birden fazla facebook eklentisi eklersen daha hızlı çalışıyor, üstelik o linkte iframe bile olsa onu bloggera uygun hale getirmen gerek..

      Sil
  16. Merhaba facebook butonları için daha önceki yazılarınızla birlikte toplam 5 sayfanızı da tek tek okudum biraz karıştı kafam ve şunu merak ediyorum;
    butonların hepsini bir arada kullanabileceğimiz ve bütün tarayıcılarla uyumlu bir yazınız veya kod verecek misiniz? Evet sadece o yazının bulunduğu konuyu beğenecek ve sadece yazıların altında bulunacak.
    '' iframe yöntemi kaldırılmış HTML5 şuan itibari ile tüm tarayıcılarda çalışmadığı için sanırım js ile anlatıma devam ederiz.''
    Bu şekilde yazmışsınız şu anda facebook bu kodları vermiyor, yani en güncel hali bu yazı mıdır? Bu botunların devamına twitter google+ gibi vs. butonları da ekleyebilmek için nasıl bir yol izlenmeli?
    Teşekkürler paylaşımlar için...

    YanıtlaSil
    Yanıtlar
    1. Merhaba Alper..

      Add this diye hazır bir eklenti var bu eklenti çeşitli buton ve frklı tasarımlar sunarak sosyal media ve imlme servislerini kolayca ekleyebilmeni sağlıyor biraz kurcalarsan sanırım istdiğin gibi butonlar hazırlayabilirsin.

      Bu anlatımda her ne kadar eskide ols kodları nereye ve nasıl ekleyebileceğin hakkında sana bir fikir verebilir.

      http://www.bloggermodifiye.com/2010/01/blogunuz-icin-sosyal-paylasm-butonu-add_08.html

      Sil
  17. Bütün gün bu cevabı bekledim tayfun :) sagolasın bu arada mail de atacağım sana ama bütün sorularını sor dedin bende sağlam bir mail hazırlıyorum hocam ;) şu add this e bir göz atayım hemen ama yine de havada kalmasın su an sayfamda yazıların altı bos duruyor yorum kısmı haricinde bir sey yok bu yazılardaki butonlardan hiç birini mi eklemeyeyim? Sadece add this butonları mı olsun?

    YanıtlaSil
    Yanıtlar
    1. add this'e üye olduktan sonra, oturum açıp yukarıda bulunan menüde "Get the Code" yazan linke tıkla, açılan sayfada solda bulunan seçneklerde sırası ile blogger!ı işaretleyip, daha sonra hemen altında yer alan buton tercihlerinden bloguna eklemek istediğin butonu seçtikten sonra, "install blogger" diye yazan butona basarsan kodlar gadget olarak bloguna eklenip yazılarının altında butonlar görüntülenmeye başlayacaktır.
      Not: kodları gadget olarak eklemeye çalıştığında bazen hata verebiliyor böyle bir durumla karşılaşırsan kodları kopyaladıktan sonra HTML/Javascript gadget olarakta ekleyebilirsin.

      Bu işlemleri doğru yaptığın taktide eklentide doğru çalışacaktır ..

      Sil
  18. arkadaşlar bütün işlemi tamamıyorum ama nereye kopyalıyorum koduonu anlayamadımki

    YanıtlaSil
  19. Kardeş kodları ne yapıcam söylermsn tasarımdan sonra

    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