Skip to main content

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.
Display Facebook content locker in your website
  • Open your blog/website html template, find </head> tag. Paste below code before it:

<script src='' type='text/javascript'/>
<link href='' rel='stylesheet'/>
<script src='' type='text/javascript'/>
<script type='text/javascript'>
  $('.socialLocker .to-lock').sociallocker({
    buttons: {order:["facebook-like","twitter-follow"]},
    twitter: {url:""},
    facebook: {url:""},
    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"

  • Paste below code where you want to display the locker (post,widget...):
<article class="socialLocker">
 <div class="to-lock" style="display:none;">
  • Example:

That's all. Wish succeed!


Popular posts from this blog

Turn off AutoPlay on Windows

On Windows, when you insert an USB or a CD/DVD into your computer, they are usually opened automatically. So the computer maybe infected autorun virus. To avoid that, you should turn off AutoPlay function.

Create Wordpress page template

When creating a new page in Wordpress, we usually have a choice for the page template. It's call Default template . However, we sometimes need to make a new page with a new appearance. Then another page template is needed. Instead of downloading a shared page template from internet, we can create a new page template by below instructions.