[Web Guia]Likebox en ventana PopUP

Tema en 'Servidores de Mu Online' iniciado por MPunK, 3 Feb 2014.

  1. MPunK

    MPunK
    Expand Collapse
    ~Gambetero+
    Super Moderador

    Mensajes:
    647
    Me Gusta recibidos:
    23
    Una guia de como lanzar en una ventana Pop-Up nuestra "Fan Page" de facebook.
    En la actualidad la interacción con las distintas redes sociales, como por ejemplo: Facebook, Twitter, etc. es fundamental para publicitar nuestro servidor MuOnline para que este se comparta con nuevos usuarios.
    Lo que necesitamos para realizar este tutorial es:

    a)
    Una fan page o página de Facebook ya creada

    b)
    Una página web con acceso total (Ya que sino tienen acceso al root de la web, dificilmente podrán hacer algun tipo de modificación)

    c)
    Lectura comprensiva.

    Veamos un ejemplo del trabajo terminado:
    [​IMG]

    1)Lo primero que debemos hacer es ingresar al index.php de nuestro sitio web.
    Una vez dentro buscamos la etiqueta y arriba de la misma copiamos el siguiente código diseñado por kakiheboh:

    PHP:
    <style type="text/css">
    #fblikepop { background-color: #fff;
        
    displaynone;
        
    positionfixed;
        
    top200px;
        
    _positionabsolute;
    /* hack for IE 6*/
        
    width450px;
        
    border10px solid #6F6F6F;
        
    z-index200;
        -
    moz-border-radius9px;
        -
    webkit-border-radius9px;
        
    margin0pt;
        
    padding0pt;
        
    color#333333;
        
    text-alignleft;
        
    font-familyarial,sans-serif;
        
    font-size13px;
    }
    #fblikepop body {
        
    background#fff none repeat scroll 0%;
        
    line-height1;
        
    margin0pt;
        
    height100%;
    }

    .
    fbflush {
        
    cursorpointer;
        
    font-size11px !important;
        
    color#FFF !important;
        
    text-decorationnone !important;
        
    border!important;
    }
    #fblikebg {
        
    displaynone;
        
    positionfixed;
        
    _positionabsolute;
    /* hack for IE 6*/
        
    height100%;
        
    width100%;
        
    top0;
        
    left0;
        
    background#000000;
        
    z-index100;
    }
    #fblikepop #closeable {
        
    floatright;
        
    margin7px 15px 0 0;
    }
    #fblikepop h1 {
        
    background#6D84B4 none repeat scroll 0 0;
        
    border-top1px solid #3B5998;
        
    border-left1px solid #3B5998;
        
    border-right1px solid #3B5998;
        
    color#FFFFFF !important;
        
    font-size14px !important;
        
    font-weightnormal !important;
        
    padding5px !important;
        
    margin!important;
        
    font-family"Lucida Sans Unicode""Lucida Grande"sans-serif !important;
    }
    #fblikepop #actionHolder {
        
    height30px;
        
    overflowhidden;
    }
    #fblikepop #buttonArea {
        
    background#F2F2F2;
        
    border-top1px solid #CCCCCC;
        
    padding10px;
        
    min-height50px;
    }
    #fblikepop #buttonArea a {
        
    color#999999 !important;
        
    text-decorationnone !important;
        
    border!important;
        
    font-size10px !important;
    }
    #fblikepop #buttonArea a:hover {
        
    color#333 !important;
        
    text-decorationnone !important;
        
    border!important;
    }
    #fblikepop #popupMessage {
        
    font-size12px !important;
        
    font-weightnormal !important;
        
    line-height22px;
        
    padding8px;
        
    background#fff !important;
    }#fblikepop #counter-display {
        
    floatright;
        
    font-size11px !important;
        
    font-weightnormal !important;
        
    margin5px 0 0 0;
        
    text-alignright;
        
    line-height16px;
    }
    </
    style>
       
    <
    script type="text/javascript" src="http://www.google.com/jsapi">

    </script><script type="text/javascript">
    google.load("jquery", "1");
    </script><script type="text/javascript" src="http://connect.facebook.net/es_LA/all.js#xfbml=1">

    </script><script type="text/javascript">
    kakinetworkdotcom01username="TutorialByMPunK",
    kakinetworkdotcom01title="Hazte Fan!",
    kakinetworkdotcom01time="4",
    kakinetworkdotcom01wait="0",
    kakinetworkdotcom01lang="es"
    </script><script type="text/javascript" src="http://espacioforos.miarroba.st/1924848/webmastercv/popupfb.js">

    </script><script type="text/javascript">
    $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
    </script>
    2)Antes de guardar los cambios, lo primero que deben modificar es el valor de la variable
    PHP:
    kakinetworkdotcom01username="TutorialByMPunK",
    Lo que deben hacer alli, es modificar "TutorialByMPunK" por el nombre de nuestra página de Facebook
    Y luego el contenido de la variable:
    PHP:
    kakinetworkdotcom01time="4",
    hace referencia al tiempo en el que la ventana se cerrará automáticamente, en este caso; 4 segundos.
    Ustedes pueden modificar ese valor por el deseado.
    Ahora si cerramos el archivo, guardamos cambios y verificamos.

    Este código funciona al día de la fecha y dichas librerias fueron revisadas. Esto no implica que más adelante o luego de un tiempo el host en donde se alojan deje de funcionar o las mismas sean modificadas sin aviso previo.
    En estos casos, lo que le recomendamos es descargarlas, y hacer un src. interno.

    Creditos: asd* , google
     

Compartir esta página