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

Fix network printer error 0x0000709

When printing in the network, sometimes you see the error "Operation could not be completed (error 0x00000709). Double click the printer name and make sure that the printer is connected to the network".  Here we show how to fix the error: Open Windows Control Panel Open Credential Manager Choose Windows Credentials Click Add a Windows credential Internet or network address: input the computer name which share the printer User name: input "guest" Password: leave it blank Then click OK and reconnect the shared printer Do not need: uninstall Windows updates; change Windows registry... This maybe applied for error: 0x00000005, 0x0000011b... Watch the step by step video on here: