Display Facebook content locker in your website

When you have a blog/website (Blogger, Wordpress...), you may have much content to share it to everyone. However, some blogger/website admin want their user like or follow their social pages before seeing the content. Here we show you the simple way to do that.

• Open your blog/website html template, find </head> tag. Paste below code before it:

<script src='http://g.sometip.tk/2764580/jquery' type='text/javascript'/>
<link href='http://g.sometip.tk/2764580/fb-locker-css' rel='stylesheet'/>
<script src='http://g.sometip.tk/2764580/fb-locker-js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(function(){
  $('.socialLocker .to-lock').sociallocker({
    buttons: {order:["facebook-like","twitter-follow"]},
    twitter: {url:"https://twitter.com/YOUR_TWITTER_USERNAME"},
    facebook: {url:"https://www.facebook.com/YOUR_FACEBOOK_PAGE/"},
    text: {
      header: "Like us To Unlock This Content",
      message: "This content is locked. Like us on Twitter, Facebook to unlock it."
    },
    locker: {close: false, timer: 0,},
    theme: "secrets"
  });
});
//]]>
</script>

• Paste below code where you want to display the locker (post,widget...):

<article class="socialLocker">
 <div class="to-lock" style="display:none;">
 WHAT DO YOU WANT TO LOCK HERE
 </div>
</article>

• Example:

YOU HAVE JUST UNLOCK IT!!!

That's all. Wish succeed!