Facebook share (paylaş) butonunu blog'uğunuza ekleyin

facebook-like Küçük bir java script kodunu blog’unuzun kodları arasına ekledikten sonra ziyaretçilerinizi  yazılarınızı Facebook’ta  paylaşabilecekleri gibi sizin içinde hangi yazılarınızın daha çok ilgi gördüğünü bilmek adına güzel bir araç.

 

Üstelik blog ziyaretçilerinizin yazılarınızı her paylaştıklarında sayacın bir arttığı bu butonu blog’unuz da kullanabilmek için bir kaç adımı takip etmeniz yeterli.

 

Blog’uğunuza Facebok share(paylaş) butonu ekleyin

 

1.Adım

 

Facebook-share-özelleştir

 

Öncelikle Facebook’ta bulunan uygulama sayfayfasını ziyaret ederek düğmenizin özelleştirme ayarlarını yapıp sayfadaki kodu kopyalayın.

 


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 
    facebook-share_kod  

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

 

Paylaş



Bunlarda ilginizi çekebilir                                                             Facebook kategorisi ➜
Paylaş !

23 yorum:

  1. ben blogumda post-footer ifadesini bulamadım?

    YanıtlaSil
  2. @yazarkafa <div class='post-body'> kodlarını bulup hemen bu kodların altına ekle buda düğmenin hemen yazıların altında görünmesini sağlar. fakat bu kod şablonda iki adett bulunmaktadır her iki kodu da deneyerek doğru olanı anlayabilirsin.

    YanıtlaSil
  3. Merhaba,

    Sizin tavsiyenize istinaden paylaş düğmesini kullanmaya başladım. Ancak son günlerde bu düğmenin yerine bir uyarı çıkmaya başladı.
    "Look who's popular! This image exceeds bandwidth with too many views. Go pro and get unlimited. Photobucklet"

    Tıkladığımda hala facebookta paylaşıyor. Ancak artık düğme yok bu uyarı var.

    YanıtlaSil
    Yanıtlar
    1. Bizim tavsiyemize uyman güzel ama uygulamayı bizim blog'tan eklememişsin :)) bunu farklı bir yerden eklemişsin, bizim tanıttığımız sa Facebook'un resmi uygulaması.

      Butona ait resim Photobucklet'e yüklenmiş çok fazla kullanıcı olduğu için ,ücretsiz banvit sınırını aşmış ve o yüzden yerine kendi reklamını gösteriyor.

      HTML'yi düzenle sayfasında şablonunda aşağıda ki kodları bul ve sil.

      <a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url'><img alt='www.tips-fb.com' border='0' src='http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_2.png'/></a>

      yerine aşağıdaki kodları yaz.
      <a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

      Sil
  4. Çok teşekkürler, çözüldü :)

    YanıtlaSil
  5. Birşey sorucam, senin bu site yani: http://www.bloggermodifiye.com
    wordpress mi?

    YanıtlaSil
  6. bu eklenirlen facebook paylaş butonuna tıkladığımızda sayfadaki konu başlığının resmi ve açıklaması çıkması için ne yapmamız gerekir ben tıkladığımda sayfa başlığı çıkıyor birde,resim ama sitedeki bütün resimleri gösteriyor.açıklama bölümü boş çıkıyor çözmeye çalıştım ama yapamadım

    YanıtlaSil
    Yanıtlar
    1. tüm görselleri göstermesinin sebebi yazıyı paylaşanlara seçenek sunması ve bu konuda her hangi bir şey yapamazsın.

      Açıklama konusuna gelecek olursak ben de her hangi bir sorun görünmüyor yazı başlığı linki ve resim ile birlikte yazıdan birde kısa bir alıntı yaparak paylaşıyor bu görselde de görebilirsin..

      Sil
  7. size mesaj attıksan sonra biraz daha uğraştım en sonunda yaptım.Problem kalmadı ilginiz için teşekkürler

    YanıtlaSil
    Yanıtlar
    1. rica ederim .. sorunun çözülmesine sevindim

      Sil
  8. kardesım kod vermıssın ama resım olarak..sımdı ben o9 kodu nasıl kopyalayıp yapıştırıcam..saçma sapan ısler yapıyorsunuz ya

    YanıtlaSil
    Yanıtlar
    1. @Ares,

      Kodu 1. adımda verilen linkten (Yani Facebook Web sitesinden) alacaksın. Bu yapacağın özelleştirmelere göre değişebilen bir kod.

      Neymiş:

      "saçma sapan ısler yapıyorsunuz ya" diye şıftırmadan önce yazıyı düzgün okuyacamışsın :D

      Sil
  9. gecen yaptım oldu yıne yapayım dedım yıne arıyorum halla halla

    YanıtlaSil
  10. Selamlar .. önerdiğiniz tüm adımları harfi harfine uygulamama rağmen paylaş butonu aktive olmadı ?

    YanıtlaSil
    Yanıtlar
    1. Daha önce butonun kodlarını ekleyebilmek için Facebookta kendi butonunuzu hazırlayıp kodlarını almanız gerekiyor, fakat facebook beğen butonunu devreye soktuktan sonra paylaş butonunu kaldırdı, birz beklersen yazıyı yeniden güncelleyip paylaş butonun kodlarınıda eklerim o zaman butonu şablonuna ekleyebilirsin.

      Sil
  11. Tekrar selamlar.. bu işlemi yapabilmek için eski like kodunu kaldırmam mı gerekiyor?

    YanıtlaSil
    Yanıtlar
    1. Merhaba
      Eklediğin Like butonu çalışıyorsa demek ki kodları doğru yere eklemişsin.

      Aşağıdaki kodları kopyalayıp like butonunun kodlarını yerine eklersen like butonu yerine facebook share yani paylaş butonu görünecektir.

      <a expr:share_url='data:post.url' href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a>

      <script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>





      Sil
  12. hocam bişey sorucam ben facebook twitter gibi butonların blogda bulunmasını istemiyorum bunun için ne yapabilirim

    YanıtlaSil
  13. heryerde aradım olmadı sacma sapan oldular
    sayenizde başardım görmek isterseniz
    http://crazycomedy1.blogspot.com/

    YanıtlaSil
  14. Ben ekledimde benim sorunum şu

    facebookda paylaşıyor fakat konu içeriginden bir kısmında gözükmesini istiyorum sadece link olarak cıkıyor

    YanıtlaSil
  15. kolay gelsin adsenseye başvuracağım ama kabul edilmiyor yetersiz içerik uyarısı alıyorum yardımcı olurmusunuz http://tarihvekomplo.blogspot.com.tr/ şimdiden sağolun bide bu kodu ben ekleyemedim sorun ne acaba?

    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