Zaman Ayarlı Facebook Beğen Kutusu

Okuyuculardan bloga girildiğinde otomatik olarak açılan bir Facebook beğen kutusu paylaşmam konusunda çok istek almıştım.Bu konuda çok araştırma yaptım fakat bulduğum popuplar çok amatörceydi.Sonunda paylaşmaya değer bir eklenti bulabildim ve bir kaç ufak değişiklik yapıp, türkçeleştirdikten sonra sizlerle paylaşıyorum.

Eklentinin çalışması şu şekilde: Eklentinin kodlarını ekledikten sonra birisi blogunuzu ziyaret ettiğinde, ana sayfa tamemen yüklendikten X saniye sonra ( kaç saniye olacağını belirleyebiliyorsunuz) bir popup belirerek Facebook beğen penceresi açılacak.Üzerinde tıklanınca Facebook sayfanıza yönlendiren bir Facebook logosu ile blogunuzu beğenmelerini sağlayacak bir Facebook beğen butonu var.Bu popup Facebook beğen kutusu X saniye ( kaç saniye olacağını belirleyebiliyorsunuz) sonra otomatik olarak kapanıyor.Bu ekletinin blogunuzun Facebook trafiğine çok katkısı olacağını düşünüyorum.

Eklentiyi nasıl kullanacağınıza gelecek olursak, öncelikle aşağıdaki kodları şablonunuzdaki</body> kodunun hemen üstüne ekleyin.

<script type='text/javascript'> 
//<![CDATA[ 
    KNFBFansPRO='WebGnc' 
//]]> 
</script> 
<style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;} 
#fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:100%;} 
.fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;} 
#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;} 
#fblikepop #closeable{float:right;margin:7px 15px 0 0;} 
#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:18px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:&quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif !important;} 
#fblikepop #actionHolder{height:30px;overflow:hidden;} 
#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;} 
#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;} 
#fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;} 
#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;} 
#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}</style> 
<script src='http://dl.dropbox.com/u/60346665/jquery.js'type='text/javascript'/> 
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'type='text/javascript'/> 
<script src='http://dl.dropbox.com/u/60346665/bh-facebook-popup.js'type='text/javascript'/> 
<script language='javascript'> 
//<![CDATA[ 
    $(document).ready(function(){                        
        $().KNFBFansPRO({ 
           timeout: 10, 
            wait: 0, 
            url: 'https://www.facebook.com/webgnc', 
            closeable: true        }); 
    }); 
//]]> 
</script> 
<div id='fbtpdiv'/>

Değiştirmeniz gereken yerleri kırmızı renkle gösterdim.Bunların ne anlama geldiğini kısaca açıklamak gerekirsem:

• KNFBFansPRO='WebGnc' :Facebook.sayfanızın adresifacebook.com/KullanıcıAdı şeklindedir.Burada Webgnc yerine Facebook sayfanızın adresinin KullanıcıAdı kısmını yazın.
• timeout: 10 : Bu değer popup’ın kaç saniye sonra otomatik olarak kapanacığını belirtir.
• wait: 0 : Bu değer blogunuzun ana sayfası yükendikten kaç saniye sonra popup’ın açılacağını belirtir.
• url: 'https://www.facebook.com/webgnc' : Buraya Facebook sayfanızın tam adresini yazın.

Not: Eklentide kullanılan scriptlerin hepsi kendi dropbox alanımda.Ben silmediğim ya da dropbox kapanmadığı sürece scriptlerin çalışmasında hiç bir sorun olmaz.

YORUMLARINIZI EKSİK ETMEYİN.