How to Create Social Content Locker In Blogger

We all cannot deny the beauty and power of social media and the tons of people that are engaged on social media networks these days.

And if you have highly relevant and quality contents, but quite to be widely shared by itself, then you should definitely use the Social Share Content Locker or Share to Unlock Content, to lock your contents until your reader unlocks it by promoting it on social media sites.

If you are not familiar with What Share to Unlock Content or Social Content Locker is, then let me describe it briefly.

What is Share to Unlock Content or Social Content Locker?

Share to Unlock Content or Social Content Locker is a feature or widget that is used to lock your most valuable contents behind a set of social media buttons until your visitors' Likes, Shares or Tweets your contents or page on social media networking sites, like Facebook, Google+, Twitter, etc.

In other words, it asks your visitors to pay with a Tweet, Like, Share if they want to access your content.

Advantages of using Share to Unlock Content Feature

We have seen most of the time that our visitors just visit, reads our contents and leaves our blog without sharing on social media networking sites.

But when we add Share to Unlock Content Locker and locks our contents, we are forcing or asking them to share our contents or posts on social media networks to get full access to the content.

For example:

An average Facebook user has a hundred friends and if he Shares and Likes your blog, he’s indirectly sending your post to a hundred friends.

And just imagine when these 100 friends have also 100 friends and so on. Your blog can literally get viral and in a very short time, you can have instant and massive traffic.

So, adding Share to Unlock Content feature to your post, content or for some codes, etc. and using them correctly will not only increase your share count but will also;

Boost your search engine ranking

Help your site be more shareable on social sites, like Facebook, Twitter, Google+, etc.

Bring tons of traffic to your blog or website

Improve your Alexa ranking when you get more traffic to your blog.

Makes your blog more trustable.

Disadvantages of using Share to Unlock Content Feature

If you add a Share to Unlock Content feature on every post your visitors will get irritated and they might leave your blog as they are forced to share your article to access the content.  

Hence, try to avoid using Content Locker on every post. So,

How to Add a Share to Unlock Content Locker in Blogger

Adding Share to Unlock Content is very simple, just follow the below steps and you will be done within no time.

Step 1. Login to your Blogger blog and select Template and click on Edit HTML.

Step 2. Search for the </head> tag and paste the Query code just above the </head> tag and save your settings.

You can also skip this step if you already added the JQuery code earlier on your Blogger template.

  <script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>   

Step 3. Now again Copy and paste the below code just above the  </head> tag.

 <link href='http://cdn.rawgit.com/menightfury/social-locker/master/style-ver2.css' rel='stylesheet'/>  

 <script src='http://cdn.rawgit.com/menightfury/social-locker/master/script-ver2.js' type='text/javascript'/>  

 <script type='text/javascript'>  

 //<![CDATA[  

 $(function(){  

  $('.socialLocker .to-lock').sociallocker({  

   buttons: {order:["facebook-like","twitter-tweet","google-plus"]},  

   twitter: {url:"https://twitter.com/WonderKrish"},  

   facebook: {url:"https://www.facebook.com/wonderkrish"},  

   google: {url:"https://plus.google.com/u/0/b/109767940575958828586/109767940575958828586"},  

   text: {  

    header: "Like us To Unlock This Content",  

    message: "This content is locked. Like us on Twitter, Facebook or Google plus to unlock it."  

   },  

   locker: {close: false, timer: 0,},  

   theme: "secrets"  

  });  

 });  

 //]]>  

 </script>  

Note: Replace Twitter and Google+ link with your own links and URL and change Facebook page URL with your own at link number;

Now create a new post and follow the following steps:

Step 4. Edit your post on HTML editor and paste the below code.

 <article class="socialLocker">  

  <div class="to-lock" style="display:none;">  

  -- Add Your Hidden Text Here --  

  </div>  

 </article>  

Note:

Replace the “Add Your Hidden Text Here” with the entire text or whatever you want to lock at line number 8.

Conclusion

Share to Unlock Content or Social Content Lock obviously is a great way for increasing Likes and Shares on social media platforms. But it might sometimes make a bad impression on your blog’s visitors.

So, according to me always remember the advantages and disadvantages of using Content Locker and I think Social content locker is best for blogs or sites which offers free contents or tutorials or those who upload and provide free downloads.

I hope you have successfully locked your content and if you think this tutorial has been helpful to you, then consider sharing this.

Or if you have found any problem then do leave a comment below and I will get to back you. 

Share this post