facebook stilinde popup açma
chrome console dan deneyebilirsiniz
function falsefunction()
{
    window.location.href = "https://twitter.com/";
}
function truefunction()
{
    window.location.href = "https://plus.google.com/";
}
function facebook_styled_popup(title,htmlcontent,width,okBtnLabel,cancelBtnLabel,callback,cancelback)
{
    if(document.getElementById('facefetti-dialog'))
    {
        footer=document.getElementById('pageFooter');
        if(footer) footer.removeChild(document.getElementById('facefetti-dialog'));
    }
    cancelBtnLabelHTML='';
    if (okBtnLabel==undefined)
    {
        okBtnLabel='Ok';
    }
    if (width==undefined)
    {
        width=392;
    }
    if (cancelBtnLabel!=undefined && cancelBtnLabel!="")
    {
        cancelBtnLabelHTML='<label class="uiButton uiButtonLarge uiButtonDefault"><input class="UIButton_Text cancelBtnLabeldialog" id="cancelBtnLabeldialog" type="button" bindpoint="input" value="'+cancelBtnLabel+'" name="ok"/></label>';
    }
    height2=document.body.scrollTop;
    height=window.innerHeight;
    position=(height/6)+height2;
    maxheigth=(height-100);
    
    if (typeof(width)!=="number")
    {
        if (width.indexOf("X")!==-1)
        {
            dimentions = width.split("X");
            width = dimentions[0];
            maxheigth = dimentions[1];
        }
    }
    
    var NodeNew = document.createElement("div"); 
    NodeNew.id="facefetti-dialog";
    NodeNew.innerHTML='<div class="generic_dialog pop_dialog object-browser full_bleed facefettidialog" style=""><div class="generic_dialog_popup" style="margin-top:90px; top: '+position+'px; width: '+width+'px;" id="facefettiid">     <div class="pop_container_advanced">            <div id="pop_content" class="pop_content">              <h2 class="dialog_title " style=\'font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:14px;font-weigth:bold\'><span>'+title+'</span></h2><div class="dialog_content"><div class="dialog_body" id="facefetticontent" style=\'font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:13px;max-height:'+maxheigth+'px;overflow:auto\'></div>               <div class="dialog_buttons clearfix">'+cancelBtnLabelHTML+'<label class="uiButton uiButtonLarge uiButtonConfirm"><input class="UIButton_Text okBtnLabeldialog" id="okBtnLabeldialog" type="button" bindpoint="input" value="'+okBtnLabel+'" name="ok"/></label></div>           </div>      </div>  </div></div>'
    footer=document.getElementById('pageFooter');
    if(footer) footer.appendChild(NodeNew);
    var content = document.createElement("div"); 
    content.innerHTML=htmlcontent;
    document.getElementById('facefetticontent').appendChild(content);
    okBtndialog = document.getElementById('okBtnLabeldialog');
    if (cancelBtnLabelHTML.length!==0)
    {
        cancelBtndialog=document.getElementById('cancelBtnLabeldialog');
        if ( cancelback ==undefined)
        {
            if (typeof window.addEventListener != "undefined" )
            {
                cancelBtndialog.addEventListener('click',function(){
                    footer=document.getElementById('pageFooter');
                    if(footer) footer.removeChild(document.getElementById('facefetti-dialog'));
                },false);
            } else {
                cancelBtndialog.attachEvent('onclick',function(){
                    footer=document.getElementById('pageFooter');
                    if(footer) footer.removeChild(document.getElementById('facefetti-dialog'));
                });
            }
        }
        else
        {
            if (typeof window.addEventListener != "undefined" )
            {
                cancelBtndialog.addEventListener('click',function(){
                    var a=document.getElementById('facefetticontent').innerHTML;
                    cancelback(a);
                    footer=document.getElementById('pageFooter');
                    if(footer) footer.removeChild(document.getElementById('facefetti-dialog'));
                },false);
            } else {
                cancelBtndialog.attachEvent('onclick',function(){
                    var a=document.getElementById('facefetticontent').innerHTML;
                    cancelback(a);
                    footer=document.getElementById('pageFooter');
                    if(footer) footer.removeChild(document.getElementById('facefetti-dialog'));
                });
            }
        }
    }
    if (callback==undefined)
    {
        if (typeof window.addEventListener != "undefined" )
        {
            okBtndialog.addEventListener('click',function(){
                footer=document.getElementById('pageFooter');
                if(footer) footer.removeChild(document.getElementById('facefetti-dialog'));
            },false);
        } else {
            okBtndialog.attchEvent('onclick',function(){
                footer=document.getElementById('pageFooter');
                if(footer) footer.removeChild(document.getElementById('facefetti-dialog'));
            });
        }
    }
    else
    {
        if (typeof window.addEventListener != "undefined" )
        {
            okBtndialog.addEventListener('click',function(){
            var a=document.getElementById('facefetticontent').innerHTML;
                callback(a);
                footer=document.getElementById('pageFooter');
                if(footer) footer.removeChild(document.getElementById('facefetti-dialog'));
            },false);
        } else {
            //alert('attached onclick and the callback is'+callback)
             okBtndialog.attachEvent('onclick',function(){
            var a=document.getElementById('facefetticontent').innerHTML;
                callback(a);
                footer=document.getElementById('pageFooter');
                if(footer) footer.removeChild(document.getElementById('facefetti-dialog'));
            });
        }
    }
}

 facebook_styled_popup("Facebook Kapan\u0131yor.","<div style='background-color:#F7F7F7'>Facebook'u Kapatıyoruz Size 2 yeni sosyal ağ öneriyoruz.</div>",450,"Google+","Twitter",truefunction,falsefunction);