Colocar Resposta 
 
Avaliação do Tópico:
  • 1 votos - 5 Média
  • 1
  • 2
  • 3
  • 4
  • 5
Social Locker simples em HTML e JavaScript
08-11-2015, 10:29 AM
Mensagem: #1
Social Locker simples em HTML e JavaScript
Se quiser bloquear um conteúdo para obrigar ao usuário a compartilhar seu site nas redes sociais como Facebook, Twitter ou Google Plus.

Por um lado tem o CSS (dentro do <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>

O código HTML e JS necessário (dentro do <body>):
Código:
<style>
Código:
<div id='gatewayDimmer'>
</div>
<div id='gatewaydiv'>
<div><a href="http://twitter.com/share" class="twitter-share-button" data-text="" data-url="" data-count="horizontal" data-lang="es">Tweet</a></div>
<div><g:plusone size="medium" annotation="inline" callback="sociallocker_plusone" href=""></g:plusone></div>
<div><fb:like id="fbLikeButton" href="" show_faces="false" width="450"></fb:like></div>
<p><font color="#ffffff">Comparta para desbloquear el contenido.</font></p>
<script src='http://code.jquery.com/jquery-1.7.2.min.js' type='text/javascript'></script>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>
<script type="text/javascript">

var Delay = 2;//Seconds after them clicking the link, the gateway vanishes.
var sociallocker_use = true;

function setupgateway()
{
    var Left = $(window).width() /2;
    Left = Left - $('#gatewaydiv').width()/2;
    
    var Top = $(window).height()/2;
    Top = Top - $('#gatewaydiv').height()/20;
    
    $('#gatewaydiv').css('top', Top+'px').css('left', Left+'px').css('display', 'inline');
    $('#gatewayDimmer').width($('html').width());
    $('#gatewayDimmer').height($('html').height());
    $('#gatewayDimmer').css('display','block');
}

function removegateway()
{
    $('#gatewaydiv').css('display', 'none');
    $('#gatewayDimmer').css('display','none');
}



function sociallocker_plusone(plusone) {
    console.log("test");
    if (plusone.state == "on") {
        setTimeout('removegateway()', Delay*1000);
    }
}
FB.init();
jQuery(document).ready(function () {
    setupgateway();

    FB.Event.subscribe("edge.create", function (href, widget) {
        setTimeout('removegateway()', Delay*1000);
    });
    twttr.ready(function (twttr) {
        twttr.events.bind("tweet", function (event) {
            setTimeout('removegateway()', Delay*1000);
        });
    });
});
</script>
</div>
</style>

Isso pode ser utilizado numa Landing Page, em blogger ou onde você quiser colocar o HTML bloqueador de conteúdo.

Bloqueia o conteúdo que tenha escrito dentro do div:
Código:
<div id='gatewayDimmer'>
</div>

Darkent, Orgulhoso membro do Fórum Black Hat desde Agosto 2015.
Já conhece
Para ver o link você precisa se registrar ou entrar com sua conta
?
Visitar Website de este usuário Procurar todas as mensagens deste usuário
Citar esta mensagem numa resposta
 Thanks given by: Sokoban , DeividGarcia
08-17-2015, 10:47 PM
Mensagem: #2
RE: Social Locker simples em HTML e JavaScript
Valeu pela, dica. Eu fico meio com Medo de mexer no código fonte.
Se alguém quiser o plugin social locker 4.2 crackeado segue o link, só não atualizem ele que dai para de funcionar a versão paga.
Para ver o link você precisa se registrar ou entrar com sua conta

andrexdx, proud to be a member of Forum Black Hat since Aug 2015.
Procurar todas as mensagens deste usuário
Citar esta mensagem numa resposta
 Thanks given by: Sokoban , DeividGarcia
08-18-2015, 01:47 AM
Mensagem: #3
RE: Social Locker simples em HTML e JavaScript
@Darkent , é esta forma que é utilizada neste fórum?

Sokoban, proud to be a member of Forum Black Hat since Aug 2015.
Procurar todas as mensagens deste usuário
Citar esta mensagem numa resposta
Colocar Resposta 


Saltar Fórum:


Usuários a ver este tópico: 1 Visitante(s)

Contate-nos | Forum Black Hat | Voltar ao Topo | Voltar ao conteúdo | Mobile Version | RSS conteúdo