Blogger İçin Yeni Facebook Sayfa Eklentisi

Facebook’un yaptığı resmi duyuruya göre; çoğu bloggerın yoğun bir şekilde kullandığı Facebook beğen kutusu da dahil olmak üzere 4 resmi eklentinin 23 Haziran 2015 tarihinde kapatılacağını açıkladı.

 

Blogumuzla Facebook sayfamız arasında bağlantı kurarak hem Facebook takipçi sayımızı hem de blogumuzun trafiğini arttırmaya yaran bu önemli eklentiye alternatif olarak yeni bir eklenti hemen kullanıcılara sunuldu.

 

Aşağıda detaylarını anlattığım eklentiyi ister şimdi, ister 23 Haziran’da eskisiyle değiştirebilirsiniz.

 

facebook-sayfa-eklentisi

Eklentiyi blogunuza nasıl ekleyeceğinize geçmeden önce kısaca özelliklerinden bahsetmek istiyorum.

 

- Sayfanızın kapak fotorafını ve profil fotoğrafını gösterebilirsiniz.

- Eklentinin genişliğini ve yüksekliğini ayarlayabilirsiniz.

- Sayfanızı beğenenleri gösterebilirsiniz.

- Sayfanızdaki akışı gösterebilirsiniz.

 

Eklentiyi blogunuza eklemek için Blogger kumanda panelinize giriş yaptıktan sonra Yerleşim > Gadget Ekle > HTML/JavaScript Gadget yolunu takip edin ve aşağıdaki kodları yapıştırarak kaydedin.

 

<div id="fb-root"></div>
<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 = "//connect.facebook.net/tr_TR/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-page" data-href="https://www.facebook.com/bloghocam" data-width="300" data-height="400" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/bloghocam"><a href="https://www.facebook.com/bloghocam">Blog Hocam</a></blockquote></div></div>

 

Kodlarda değiştirmeniz gereken yerler:

 

- Siyah renkle gösterdiğim yerlere kendi Facebook sayfanızın URLsini yazın.

- Yeşil renkle gösterdiğim yere blogunuzun ya da Facebook sayfanızın ismini yazın.

- Lacivert renkle gösterdiğim yerde 300 yerine eklentinin genişliğini, 400 yerine eklentinin yüksekliğini pixel değerinden yazın.

- Kırmızı renkle gösterdiğim yerde false yazan yere true yazarsanız kapak fotoğrafı gözükmez.

- Mor renkle gösterdiğim yerde true yazan yere false yazarsanız sayfayı beğenenlerin profil resimleri gözükmez.

- Gri renkle gösterdiğim yerde true yazan yere false yazarsanız Facebook sayfanızdaki paylaşımlar gözükmez.

 

Bu eklentiyle ilgili söyleyeceklerim bu kadar. Konuyla ilgili sorularınızı yorum bölümünden sorabilirsiniz. Herkese iyi bloglar…

54 yorum:

  1. Serdar Bey İletişim kısmından size bir soru yöneltmiştim geçen günler içerisinde. Acaba cevabını verebilirmisiniz merakla bekliyorum çünkü.

    YanıtlaSil
  2. Teşekkürler güzel bir paylaşım.Facebook'un yeni eklentisi çok daha modern,şık ve kullanışlı olmuş.

    YanıtlaSil
  3. teşekkürler Serdar bey güzel paylaşım için.Bu eklenti sanki facebook'un kendi eklentisine nazaran biraz daha yavaş gibi.Site açılış hızını olumsuz etkilermi ?

    YanıtlaSil
  4. @Ömer Selçuk Alçay
    Haklısınız, daha fazla özellik olduğu için yüklenmesi de zaman alıyor.

    YanıtlaSil
  5. facebook sayfanızda ki paylaşımlarınızı gizlerseniz yüklenmesinde sorun olmuyor. özellik ve görünüş olarak çok güzel bir uygulama olmuş

    YanıtlaSil
  6. serdar bey merhaba size bir sorum olacaktı biraz alakasız bir yere yazıyorum ama kusura bakmayınız ben blogumu google adsense ekledim ve iki onayı da aldım şimdi ilk olarak bir reklam birimi oluşturdum ve şuan orada reklam görünmekte size sorum şuan hangi ayarları yapmalıyım banka hesabımı nerden onaylamam gerekiyor birde sizden ricam bloguma bir bakabilirseniz ben orada iki yere daha reklam koymak istiyorum sizin hangi bölüm olduğunu anlamanız açısından oralara aliexpress ve hepsiburada nın küçük reklam resimlerini koydum ben toplamda en sağ sütunda üç reklam bulundurmak istiyorum kısacası bu mümkün müdür en fazla üç reklam şartı var diye biliyorum bir sayfada bir de her reklam için yeni reklam birimi mi oluşturmam gerekiyor blog adresim de bu serjigol.blogspot.com yardımcı olursanız çok sevinirim iyi günler diliyorum

    YanıtlaSil
  7. faydalı bir paylaşım olmuş Allah razı olsun...

    YanıtlaSil
  8. sizden daha önce anlatmıştım ama siz daha güzel anlatmışınız hocam teşekkürler.

    YanıtlaSil
  9. Harika bir tasarım olmuş bu arada facebook oyunlarında kredi almak isteyen varsa MTCGame öneriyorum.Anında teslim ediyorlar ve hiçbir sorun çıkmıyor.

    YanıtlaSil
  10. size bir sorum olacaktı ben bloguma özel alan adı yönlendirmesi yapmak istiyorum yani .com lu hale getirmek istiyorum bunu yaptıktan sonra google analiytics , google adsense, web yöneticisi araçları, feedburner gibi yerlerde bir değişiklik yapmam gerekiyor mu en önemlisi de google adsense hesabında cevabınız için şimdiden teşekkürler

    YanıtlaSil
  11. çok tşk ederim faydalı bir bilgi

    YanıtlaSil
  12. Mükemmel ! elinize sağlık hocam.

    YanıtlaSil
  13. Teşekkür ederim hocam elinize sağlık :)

    YanıtlaSil
  14. Güzel bi tasarım olmuş. Paylaşımınız sayesinde haberim oldu. Bugün verdiğiniz bilgilere göre kullanmaya başladım. Teşekkürler iyi yayınlar

    YanıtlaSil
  15. eklentilerin kapatılma amacı nedir acaba, bu kadar kullanan varken.

    YanıtlaSil
  16. Hocam Bloguma Bir Göz Atarmısınız Blogger Ailesinde İslami Blog Yok İdi. Bende Bir Fikir Olarak Blogu Açtım http://hakkaitikad.blogspot.com.tr

    YanıtlaSil
  17. İyi günler, bu kodu denedim başarılı bir şekilde oldu fakat ben Türkçe istiyorum ama ingilizce olarak gözüküyor yardımcı ollursanız sevinirim.

    YanıtlaSil
  18. @Adem Parlak
    Bir yanlışınız var. Kodları incelerseniz siz de fark edeceksiniz, tr_TR komutu ile eklenti türkçe verilmiş durumda.

    YanıtlaSil
  19. Çok teşekkür ederim böyle bir paylaşım yaptığınız için. Ayrıca bu değişikliğin nedenini anlamış da değilim.

    YanıtlaSil
  20. Error: Not a valid Facebook Page url.

    yapıyorum eror veriyor zannediyorum degişmesi gereken 300 ve 400 ün pixel degerinden mi ne kaynaklanıyor.lütfen yardım:(onu ne şekilde yazacagım

    YanıtlaSil
  21. Birde yeri degil belki ama ,benim bloguma kimse yorum yapmıyor.Bir hata mı yaptım yoksa kimse blogumu begenmedi mi?:(

    YanıtlaSil
  22. @Semra Mollaoglu
    Facebook sayfanızın URLsini yanlış yazmışsınız, onu kontrol edin.

    YanıtlaSil
  23. hocam teşekkürler elinize sağlık

    YanıtlaSil
  24. Hocam Allah sizden razı olsun, bu tip paylaşımlarınızın devamını sabır ile bekliyorum, Allah yardımcınız olsun...

    Bkz; harunistenci.blogspot.com

    YanıtlaSil
  25. çok başarılı tam istediğim gibi.
    yükseklik değişiyor fakat genişlik belli bir sınırdan sonra artmıyor sanki.
    Baştaki sayfa ismi, resmi, beğenenler vs olmadan sadece face postlarını direk gösterme şansımız var mı?

    YanıtlaSil
  26. Hocam Tesekkürler. Elinize saglik

    YanıtlaSil
  27. ÇOK AMA ÇOK TEŞEKKÜRLER.SÜPER.

    YanıtlaSil
  28. siz süper bir insansınız, teşekkürler :)

    YanıtlaSil
  29. Gercekten Harikasınız sizin Sayenizde bizde iyi işler yapıyoruz wwww.kemandiyari.com

    YanıtlaSil
  30. Güzel paylaşım için teşekkür ederim.

    YanıtlaSil
  31. Hocam daha önce paylaş butonu yerine Bizimle İletişime geç butonu çıkıyordu. Bloğuma yeni tema yükleyip tekrak ekledim ama bu sefer paylaş butonu çıktı. Eski haline nasıl döndürebilirim.

    YanıtlaSil
  32. çok tşk ederim faydalı bir bilgi

    YanıtlaSil
  33. hocam TR_tr olmasına ragmen bende ingilizce cıkıyor sebebi nedir acaba blog adresim: www.gizemlibilimler.com

    YanıtlaSil
  34. Tam aradigim bilgi. Iki bloguma da uygulamaya çalisacagim.

    YanıtlaSil
  35. Elinize sağlık. Uyguladım, oldu:-)

    YanıtlaSil
  36. sayende kodcu olduk sağol

    YanıtlaSil
  37. Çok teşekkürler, sadece bu kod ile işlem yapabildim!

    YanıtlaSil
  38. Merhaba Serdar Bey;
    www.dikiskalipvepatronlari.com isimli siteme söylediğiniz kodu yazıyorum, eminim hata yapmadım ama kod sürekli hata veriyor :( Ne yapacağımı şaşırdım gece gece.

    YanıtlaSil
  39. Merhabalar Uyguluyorum fakat facebook URL sini bulamıyor kafayı yiyeceğim lütfen yardım

    YanıtlaSil
  40. verdiginiz bilgiler icin teşekkürler
    http://sipse.blogspot.com.tr/

    YanıtlaSil
  41. çok açıklayıcı olmuş hemen yaptım teşekkürler

    YanıtlaSil
  42. https://getproknowledge.blogspot.com.tr/ blogum ingilizce turkce karakterler gosteriyor ne yapmaliyim

    YanıtlaSil
  43. https://getproknowledge.blogspot.com.tr/ yani facebook eklentisinden bahsettim

    YanıtlaSil
  44. Çok işime yaradı teşekkürler ^.^

    YanıtlaSil
  45. Yorum kısmında facede yorum yapan kişiler görünmüyor. Neden?
    Acil cevap verir misiniz önemli durum.
    https://pdrgundemi.blogspot.com.tr/

    YanıtlaSil
  46. Benim de aynı şekilde kodun içerisinde Tr uzantıları olmasına rağmen ingilizce olara görünüyor 'like' 'share' kısmı. Facebook url'mi bile https//tr-tr şeklinde girdim. Başka bir arkadaşımın sayfasında kodunuz olması gerektiği gibi türkçe. Ama bende, tüm facebook widget'ları ingilizce. Html'de bloğumun url'sindeki .tr uzantısını kaldırmıştım, acaba ondan mı diye onu da tekrar geri ekleyip denedim, yine olmadı. Epey umutsuzlandım. Özel tema kullanıyorum, acaba ondan mı diyorum ama kodunuzu aynı şekilde denediğim blogdaki arkadaşımınki de özel tema şu an. Aynı tema şirketinin farklı temaları sadece. Şaştım kaldım...

    YanıtlaSil
  47. Hocam ilk önce yardımlarınız için teşekkür ederim. Facebook sayfa eklentisini blog sayfamızda nasıl genişletebiliriz, facebook sayfamın adının hepsi eklentiye sığmıyor, "kültürü" ifadesini eklentide gözükmüyor. width="300" yazan yere "400" yazdım, fakat facebook eklentisi genişlemedi.

    YanıtlaSil
  48. Merhaba, blogdaki videoları facbook sayfamda paylaşdığımda görünen başlıkta video görüntüsü görünmüyor anca tıklayıp bloga girdimiz zaman video görüntüsü ortaya çıkıyor. Bu çok ilgi çekmiyor. Bunu nasıl yapabilirim.
    Teşekkür ederim.

    YanıtlaSil
  49. Teşekkürler çok işime yaradı :)

    YanıtlaSil
  50. Serdar bey dediğiniz gibi kodu ekledim.siyah renkli yerlere kendi facebook sayfanın url'sini yazdım.Eklenti sayfamda çıktı fakat tıklandığında sizin facebook sayfanıza bağlanıyor.birde facebook simgesi çıkmadı.neden böyle oldu ?

    YanıtlaSil
  51. hocam çok teşekkür ederim gayet başarılı bir şekilde çalışıyor..

    YanıtlaSil

Blogger tarafından desteklenmektedir.