Blogger Facebook Arkadaş Davet Butonu (Eklentisi)

Blogger kullanan arkadaşlara bir şahane eklenti daha paylaşıyorum. Bu eklenti ile sayfanıza gelen ziyaretçilerin kendi Facebook sayfalarındaki arkadaşlarını sizin Web Sayfanıza davet imkanı sunuyor. Normal Facebook beğenme eklentisinden farklı olarak olarak bu eklenti ile daha çok ziyaretçiye ulaşabilirsiniz. Eklentinin çalışması için bir kaç koda ve Facebook Developer'a ihtiyacımız olacak. Ziyaretçiler bu eklentiyi kullandıklarında yani davet butonuna tıkladıklarında yeni bir pop-up sayfa açılır ve oradan kendi arkadaşlarını bloga davet edebilirler. Şimdi bu eklentiyii blogumuza nasıl uygularız oraya geçelim. Her eklentide öncelikle yaptığımız gibi temamızın bir yedeğini alalım. Daha Sonra Facebook Developer Sayfasına gidiyoruz.

Bu sayfada Create a New App diyoruz ve yeni bir uygulama açıyoruz. Çıkan sayfada kendi uygulamınızın ismini ve kategorisini vs. seçin ve uygulamayı oluştur diyelim.

Uygulamayı oluştur dedikten sonra aşağıdaki sayfa gelecek ve orada bizim için önemli olan App ID'si. Bu kodu bir yere kopyalayın.

App ID mizi aldıktan sonra aşağıdaki kodu Websitemize ekliyoruz. Aşağıdaki kodlarda bazı düzenlenmesi gereken yerler var. Onlar aşağıda kalın yazılmış yerler:

1) appId:'412074162260996' burayı bulun ve kendi ID'nizi yapıltırın.

2) message: 'Invite your friends' buraya kendi mesajınızı yazın.

3) FacebookInviteFriends();'>Invite your friends </a> ve burayı düzenleyin.

<style> .MBT-FB a { font-family: tahoma, verdana, arial, sans-serif !important; font-weight:bold !important; font-size:12px !important; width:150px !important; border:solid #29447e 1px !important; border-bottom:solid #29447e 1px !important; cursor:pointer !important; padding:6px 6px 6px 6px !important; background-color:#5c75a9 !important; border-top:solid #8a9cc2 1px !important; text-align:center !important; color:#fff !important; text-decoration:none ! important; } .MBT-FB a:active { background-color:#4f6aa3 !important; } </style> <script src='http://connect.facebook.net/en_US/all.js'></script> <script> FB.init ({ appId:'412074162260996', cookie:true, status:true, xfbml:true }); function FacebookInviteFriends () { FB.ui ({ method: 'apprequests', message: 'Invite your friends' }); } </script> <div id='fb-root'> </div> <span class='MBT-FB'> <a href='#' onclick='FacebookInviteFriends();'>Invite your friends</a> </span> <script type='text/javascript'> if (top.location != self.location) { top.location = self.location } </script> Bunları yaptıktan sonra facebook App sayfasından kendi ayarlarınızı yapabilir ve değişiklikler yapabilirsiniz.

Artık Eklenti kullanıma hazır. Eğer bir sorun yaşarsanız yorumla sorularınız iletebilirsiniz. 

Etiketler: Facebook arkadaş davet etme eklentisi, Blogger facebook invite widget, Facebook eklentisi nasıl yapılır, Blogger facebookta arkadaş davet etme