ana sayfa > web site tasarımı > Web sitene Facebook Beğen (Like) Butonu Ekleme

Web sitene Facebook Beğen (Like) Butonu Ekleme

Salı, 24 Ağu 2010

Bu Yazımızda Facebook’ta paylaş özelliği ile kullanıcıların internet deneyimlerini birbirleri ile paylaşmasını sağlayan “Facebook’ta Beğen” i web sitemize nasıl ekleyeceğimi anlatacağım.

İlk önce http://developers.facebook.com/docs/reference/plugins/like adresine giderek web sitemizin url adresini ve oradaki özellikleri istenildiği üzere giriyoruz.

Burada yazanları açıklayacak olursak;

URL to Like :  (Site Adresi)
Layout Style : (Görünüm Stili)
Show Face : (Beğenenlerin Profil Fotoları)
Width : (Uzunluk)
Verb to display : (Like or recommed)
Font : (Yazı Tipi)
Color Scheme : (Renk Düzeni)
Get Code : (Kodu oluşturma)

Get Code ‘ ile oluşan kodumu alıyoruz

Örnek :

<iframe src=”http://www.facebook.com/plugins/like.php?href=www.ufukaytas.com&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:450px; height:80px;” allowTransparency=”true”></iframe>

Web adresimiz href parametresine örnekte olduğu gibi geldi.

Peki biz tüm sayfalarımız ve içeriklerimiz için nasıl bir ekleme yapmalıyız.

Bu da çok basit oluşturacağımız sayfanın tam adresini ör: www.ufukaytas.com/Referanslar/ sayfamız bu şekilde ise bunu yine parametre değerine yazdırmalıyız.
Dim strSayfa As String =” http://www.ufukaytas.com/Referanslar/ ”

Örn: litFbBegen.Text = “<iframe src=’http://www.facebook.com/plugins/like.php?href=’”  & stySayfa &  “&amp …

Tabi string yazdırma işleminde tırnaklara dikkat ediyoruz.

Görüldüğü üzere çok basit…

Peki WordPress kullanıcıları bloglarına eklemek için ne yapması gerekiyor diyorsanız o da çok basit…

<?php echo urlencode(get_permalink()); ?>

<iframe src=”http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink());?>&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light” scrolling=”no” frameborder=”0″ allowTransparency=”true” style=”border:none; overflow:hidden; width:450px; height:px”></iframe>

iframe’i sayfamızda istediğimiz yere ekleyebiliriz.

Saygılarımla…
Ufuk Aytaş
Web Geliştirici

admin web site tasarımı , , , , , , , , ,

  1. engin
    Pazartesi, 01 Kas 2010 zamanında 01:13 | #1

    teşekkürler.

  1. şimdilik geri bağlantı yok