• Construye PBN en minutos con WPContentBOT aquí

    • Descarga el eBook gratuito SEO en Wordpress aquí

    • Pack con las mejores herramientas SEO en las VIP Tools apúntate!



     
    Calificación:
    • 0 votos - 0 Media
    • 1
    • 2
    • 3
    • 4
    • 5
    Social Locker simple en HTML y JavaScript

    BlackHat Bronce


    **
    Puntos de comerciante: 0 (0%)
    1

    0


    Crédito: 0.01 BHC
    Mensaje: #21
    RE: Social Locker simple en HTML y JavaScript
    (16-06-2014 01:15 PM)Sauron escribió:  Si quieres bloquear un contenido para obligar al usuario a compartir tu web en las redes sociales como facebook, twitter o google plus, he hecho un ejemplo muy sencillo para realizar esta tarea y puedas usarla en cualquier web.

    Por un lado tienes el CSS (dentro de <head>):
    Código:
    <style>
        #gatewaydiv
        {
            background-image:url("");
            background-repeat:no-repeat;
            width:500px;
            height:100px;
            padding:10px;
            position:absolute;
            display:none;
            background-color:#0e0f0f;
            border:solid 4px gray;
            text-align:center;
            font-family:arial;
            font-weight:bold;
            opacity:0.9;
            padding:50px;
                    
                    
        }

        #gatewaydiv h1
        {
            font-size:35px;
            color:#cc0000;
        }

        #gatewayMessage
        {
            font-size:18px;
        }

        #gatewayDimmer
        {
            background-color:#000000;
            opacity:0.9;
                    filter: alpha(opacity = 50);
            display:none;
            position:absolute;
            top:0;
        }
      
    </style>

    El código HTML y JS necesario (dentro de <body>):


    Esto lo puedes utilizar en landing page, tu plantilla de blogger o allá donde quieras poner el HTML bloqueador de contenido.

    Bloquea el contenido que tengas escrito dentro de esta capa div:
    Código:
    <div id='gatewayDimmer'>
    </div>

    Gracias por compartir, oye hermano, hasta ahora lo coloque y todo bien, bloquea el contenido, y aparece para compartir, clickear me gusta, twittear, pero a la hora de darle click en cualquier red social para compartir seguir etc, no da click a nada.

    Si me podrías ayudar. te lo agradeceré un mundo.

    [email protected], orgulloso de ser un miembro de Foro Black Hat SEO desde Dec 2018.
    07-12-2018 06:40 AM
    Buscar Citar


    Posibles temas similares...
    Tema: Autor Respuestas: Vistas: Último mensaje
      Como ofuscar a tope un código JavaScript gratis Sauron 5 2,262 11-01-2017 08:03 AM
    Último mensaje: TheoXT
      Poner Ñ en código html Curl 0 873 08-12-2016 05:45 PM
    Último mensaje: Curl
      Desofuscar código JavaScript Sauron 7 5,766 12-10-2016 05:44 AM
    Último mensaje: TheoXT
      Como hacer vibrar un móvil usando Javascript HTML5 Sauron 1 2,218 06-03-2016 11:47 AM
    Último mensaje: javinoyo
      Fundamentos de javascript Alex kriminal 0 1,049 02-01-2015 08:23 PM
    Último mensaje: Alex kriminal
      API GeoIP para JavaScript y PHP Sauron 0 1,459 02-09-2014 04:23 PM
    Último mensaje: Sauron
      Como sacar un parámeto GET de una url con JavaScript Sauron 1 1,451 21-04-2014 03:16 AM
    Último mensaje: deulo

    Salto de foro:


    Usuario(s) navegando en este tema: 1 invitado(s)
    Anuncios FBH (+ info)

    Foro Black Hat

    ForoBlackHat es un foro público con ánimo de desarrollo de aplicaciones y estrategias SEO para la comunidad hispano hablante cuyo objetivo sea el de aprender técnicas de posicionamiento.

    Nuestra comunidad cuenta con un equipo de programadores que desarrollan día a día nuevas herramientas gratuitas para los usuarios. ¡Siéntete libre de registrarte y comentar por los hilos!