Sayfayı ziyaret ettiğimizde bizi aşağıdaki gibi bir görüntü karşılayacak. Tek tek bunların ne olduğunu açıklayacak olursak.

URL to Like: Hangi sayfa için beğen düğmesi oluşturacağız buraya bunu yazıyoruz. Anasayfa için ben http://www.blogg.gen.tr adresini yazdım. Eğer tüm yazılarınızda ilgili yazı için beğen düğmesinin çıkmasını istiyorsanız bunun nasıl yapılacağını da yazının sonunda bulacaksınız.

Layout Style: standart ve Button count diye iki seçenek var. Eğer standartı seçerseniz Beğen düğmesinin yanında bir de (Arkadaşların arasında bunu beğenen ilk kişi ol.) eğer daha önce beğenen varsa (Bunu bir kişi beğendi. Arkadaşların arasında ilk sen beğen.) gibi bir yazı çıkar.

button count’ u seçerseniz sadece beğen düğmesi ve kaç kişinin beğendiği bilgisi yer alır.

Show faces: işaretli olursa yazıyı beğenenlerin profil resimleri beğen düğmesinin altında yer alır.

Width: Beğen düğmesinin genişliğini buradan belirtebilirsiniz.

verb to display: beğen yada tavsiye et, seçim sizin

Font: seçim yapabileceğiniz birden fazla font bulunuyor.

Color schema: düğmenin farklı stilleri mevcut size uygun olanı seçin.

Son olarak get code düğmesine basın.

iki farklı kod verdi bunlardan ilki iframe olan.

1

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fpdfdergi.com%2F&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>

Yukarıdaki kod http://www.blogg.gen.tr web sitesinin anasayfası için geçerli. Eğer biz tüm yazılarımız için otomatik olarak bir kod oluşturmak istiyorsak bunu bu yukarıdaki kodda küçük bir değişiklik yaparak sağlayabiliriz. Yapmamız gereken şey http://www.blogg.gen.tr’ yi refere eden yere şu php kodunu eklemek

1

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

Kodumuzun son hali şu: bu kodu web siteniz için kullanabilirsiniz.

1

<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 kodunu sayfanızın neresinde görüntülemek istiyorsanız oraya ekleyebilirsiniz.

Eğer iframe bana yeter diyorsanız yazının kalan bölümünü okumanıza gerek yok.

Sonraki kodumuz daha fazla esneklik sağlayan XFBML kodu. bu kod daha esnek ve kullanışlı ancak JavaScript SDK’ sı gerektiriyor. Yukarıdaki kodu hiç işin içine katmadan aşağıdaki kodları sitenize uygularsanız beğen düğmesinin yanı sıra ilgili yazıya yorum ekleyebilecekleri bir kutucukta açılacaktır.

pdfdergi.com anasayfası için xfbml kodu şu şekilde

1

<fb:like href="http://www.blogg.gen.tr" layout="button_count" show_faces="true" width="450" action="like" colorscheme="light" />

Ama biz tüm sayfalarda yazılara ait beğen düğmesini kullanmak istiyoruz, o yüzden kodumuz şöyle olmalı:

1

<fb:like href="<?php echo urlencode(get_permalink($post->ID)); ?>" layout="standard" show_faces="false" width="325" action="like" colorscheme="light" />

Yukarıda yer alan XFBML kodunun sitemizde düzgün olarak çalışması için http://developers.facebook.com/setup/ adresine giderek web sitemiz için bir uygulama kaydı oluşturmamız gerekiyor. Burada yer alan site URL yazan yere blogunuzun tam adresini yazın. Gelen kod bloğunun şu kısmını kopyalayıp temanızın footer dosyasında /body etiketinden önce yapıştırın.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

    <div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({appId: 'Burada az önce aldığınız ID yazmalı', status: true, cookie: true,
                 xfbml: true});
      };
      (function() {
        var e = document.createElement('script');
        e.type = 'text/javascript';
        e.src = document.location.protocol +
          '//connect.facebook.net/tr_TR/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
      }());
    </script>

Artık birçok sitede görür olduk. Facebook beğen butonunu. şimdi sizlere bu butonu ister web sitenize ister bloğunuza nasıl kolayca ekleyeceğinizi anlatacağım.

Facebook beğen butonunu WordPress bloğunuza eklemek eklemek için WordPress Plugins dizininden herhangi bir eklentiyi kullanabilrisiniz: wordpress.org/extend/plugins/tags/facebook.

Veya aşağıda vereceğim şekilde Javascript olayı ile basitleştirebilirsiniz.

<script type=”text/javascript”>

sayfa_adres = ‘<?php echo urlencode(get_permalink($post->ID)); ?>’;

function fblike() {

document.write(‘<iframe src=”http://www.facebook.com/plugins/like.php?href=’+ sayfa_adres + ‘&amp;layout=standard&amp;show-faces=true&amp;width=550&amp;action=like&amp;font=arial&amp;colorscheme=light” scrolling=”no” frameborder=”0″ allowTransparency=”true” style=”border:none; overflow:hidden; width:550px; height:25px”></iframe>’);

}

fblike();

</script>

Görmüş olduğunuz gibi oldukça basit bir işlem gerektiriyor. Takıldığınız nıktalarda yorum kısmından yazabilirsiniz. Saygılarımla.

Uzun zamandır sitene ekle bölümüne birşey yazmamıştım. bu kez kendi yayın grubu sitelerimizden olan haberkafe.net’e ait kayan haber bannerini ekleyebilirsiniz. Oldukça hş bir görünümü olan banner son haberleri listeliyor ve 468×60 banner boyutlarında.

Çalışır örneğini görebilmek ve ekleyeceğiniz kodu almak için tıklayınız.

Daha önce sitenize ekleyebilmeniz içn Milliyet Haberlerini nasıl sitenize ekleyebileceğinizi vermiştik. Şimdide sitenize yurdumuzun illlerinin tanıtımını içeren ve Kültür Bakanlığı’nın tanıtım sayfasına yönlendirilen bir İl İl Türkiye Tanıtımı kutusu ekleyebilir ve yurdumuzun tanıtılmasına katkıda bulunabilirsiniz.

Çalışır örneğini görebilmek ve ekleyeceğiniz kodu almak için tıklayınız. 

Sitenize Yatay olarak geçen Bumerang Haberlerini ekleyebilirsiniz. Buraya Tıklayarak örneğini görebileceğiniz gibi kodu sitenizin istediğiniz yerine kopyalayıp yapıştırarak ekleyebilirsiniz.

Örnek Sayfa