Pazartesi 20 Mart 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. İçerik
  3. Siteye Facebook Sayfa Eklentisi Eklemek
 Siteye Facebook Sayfa Eklentisi Eklemek
İçerik Nasıl Oluşturulur?

Siteye Facebook Sayfa Eklentisi Eklemek

Yazar : Bilal UÇAR 16 Ocak 2017 15 Comments

Herhangi bir siteye girdiğimizde sağda, solda veya altta muhakkak Facebook Sayfamızı Beğenin kutusunu görürsünüz. Bu kutu sayesinde siteniz için açtığınız Facebook Sayfasını ziyaretçilerinize sunup, beğendirebilirsiniz. Siz de bu tarz bir kutu ekleyip Facebook sayfanızı canlandırabilirsiniz.

1. facebook for developers ‘a giriş

Yukarıda verilen linke tıkladığınızda Facebook’un sayfa eklentisi için yapmış olduğu aracı göreceksiniz.
facebook-sayfa-eklentisi-nasil-yapilir

2. İstediğiniz ayarı yapın

  •  Öncelikle sayfa URL adresinizi girin. Eğer bilmiyorsanız kendi sayfanıza girip adres çubuğundan adresinizi öğrenebilirsiniz.
  • Sekmeler kısmından ne gösterileceğini seçin zaman tüneli için “timeline”, mesajlar için”messages”, etkinlikler için “event” yazın.
  • Width (Genişlik) : Kutunun genişliğini belirleyin. 300,500 gibi değerler de girebilirsiniz.
  • Height (Yükseklik) : Kutunun yüksekliğini belirleyin. 300,500 gibi değerler de girebilirsiniz.
  • Ek özellikleri ayarlayın.
    • Use Small Header : Küçük başlık stili
    • Adapt to plugin container width : Konteyner içine sığdır
    • Hide Cover Photo : Kapak fotoğrafını gizle
    • Show Friend’s Faces : Arkadaşların yüzlerini göster

3. Kodu alın ve sitenize ekleyin.

Daha sonra oluşturduğumuz sayfa eklentisinin kodunu almak için hemen altta bulunan Kodu al butonuna basın. İsterseniz JavaScript JDK kullanarak ekleyin isterseniz de iframe kullanarak sitenize ekleyebilirsiniz. Ben iframe olarak kullanmayı tercih ediyorum. Üst menüden iframe’yi seçip altta çıkan kodu kopyalayın. Bu kodu sitenizde nereye eklemek istiyorsanız oraya yapıştırın.
facebook-page-plugin
Webmaster arkadaşlar için yararlı olacağını düşünüyorum. Bu konu hakkındaki sorularınızı, paylaşmak istediklerinizi yorumlara yazarak bizlere iletebilirsiniz.

Etiketler: facebook like box facebook sayfa facebook sayfa eklentisi Nasıl Eklenir nasıl yapılır sayfamı siteme eklemek istiyorum siteye ekle
Önceki Yazı
Sonraki Yazı

Bilal UÇAR (Website)

administrator

Front-end Developer @Webmaster.Kitchen. Front-end developer olarak çalışıyorum. Bu konuda öğrendiklerimi sizlerle paylaşmaya çalışıyorum. Siz de yaptığınız çalışmaları, edindiğiniz bilgileri paylaşabilirsiniz. Yorum alanı ile mutfağa katkıda bulunun.

15 Yorumlar

  • Şafaktan says:
    27 Ocak 2018 at 16:19

    Bloguma uyguladım. Çok güzel oldu. Yardımlarınız için çok teşekkürler 🙂

    Reply
    • barış says:
      2 Şubat 2018 at 13:31

      bu uygulamayı yaptım ancak bazı tarıyıcılar açmadı

      Reply
  • Kevser says:
    6 Nisan 2018 at 23:04

    Merhaba ben beğeni sayfası değil de web siteme arkadaş profil sayfasını koymak ve ordan arkadas olarak ekle demek istiyorm bu butonu bulamadım. Yardımcı olabilir misiniz?

    Reply
    • Bilal UÇAR says:
      24 Nisan 2018 at 16:19

      Hocam facebook böyle bir şey sunmuyor diye biliyorum.

      Reply
  • ömer says:
    15 Mayıs 2018 at 15:30

    Merhaba ekledim forumuma ama ingilizce çıkıyor Türkçeye nasıl çevirecem bana yardımcı olabilirmisiniz. Teşekkürler

    Reply
    • Bilal UÇAR says:
      16 Mayıs 2018 at 00:07

      Hocam iframe yerine javascript kullanarak eklerseniz. O menüde Türkçe seçeneği olduğunu hatırlıyorum. Oradan halledebilirsiniz.

      Reply
  • emre says:
    1 Ağustos 2018 at 21:29

    merhaba. bunu örnek olarak macbook görseli içine ekleyebilir miyim? ve nasıl yapabilirim?

    Reply
    • Bilal UÇAR says:
      3 Ağustos 2018 at 00:21

      Açacağınız bir div ‘in arkaplanı olarak istediğiniz görseli seçin. Daha sonra bu div tagları arasına facebook kodunu yerleştirin. CSS ile ayarlamalar yaparak güzel bir görünüm ortaya çıkar diye düşünüyorum.

      Reply
  • sukru demiray says:
    5 Ekim 2018 at 12:21

    2 sayfanınki çalışıyor iframe ile deiğer 2 sayfamınki görünmüyor. Sorun facebookkaynaklı yüksek olasılıkla. Yazı çok işime yaradı teşekkür ederim.

    Reply
  • Bursa Lokma says:
    29 Ekim 2018 at 17:18

    çok güze deneyeceğim

    Reply
  • Ömer says:
    19 Ocak 2019 at 11:39

    Bu kodu sitenin neresine ekleyecem? Her sayfaya tek tek mi ekleyeceğiz. İndex’e ekleyip bütün sayfalarda çıkmasını istiyorum. Ama site panelin göremedim. Nasıl index’e ekleyebiliriz?

    Reply
    • Bilal UÇAR says:
      19 Ocak 2019 at 12:33

      Siteniz wordpress mi?

      Reply
  • Mustafa Aydın says:
    13 Nisan 2019 at 13:45

    Bunun İnstagram ve Twitter için olanı var mı?

    Reply
  • Gülsüm says:
    22 Haziran 2019 at 00:52

    Teşekkür ederim bu konuyu araştırıyordum yeni başladım bu yüzden bulmam da zor oldu paylaşım için teşekkür ederim.

    Reply
  • Emine Kaya says:
    17 Eylül 2020 at 00:54

    Teşekkür ederim çok güzel oldu 🙂

    Reply

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.