How to Create Social Content Locker in Blogger BlogSpot

Create a 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 enough to be widely shared by itself, then you should definitely use the Social Share Content Locker or Share to Unlock Content, to lock it until your reader unlocks it by promoting your contents or article 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.

More: How to add social media widget with share counts in Blogger

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.

More: 7 Best free website traffic generators

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

More: What is Search engine optimization and how it works

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.

More: Why you need to boost your Alexa ranking

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.

Create a Social Content Locker in Blogger

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

1:  <link href='https://dl.dropboxusercontent.com/u/137869302/lockercss.css' rel='stylesheet' type='text/css'/>  

Create a Social Content Locker in Blogger

Now create a new post and follow the following steps:

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

1:  <article id="default-usage">  
2:  <div class="to-lock" style="display: none;">  
3:  <!--Hidden Content Starts (By wonderkrish.com)-->  
4:  <div style="text-align: center; margin-bottom: 20px;">  
5:  <img src="Add_Hidden_Image_Here" alt="" style="margin: auto;" />  
6:  </div>  
7:  <div style="text-align: justify">  
8:  Add Your Hidden Text Here</div>  
9:  <!--Hidden Content Ends (You can Use HTML ABOVE)-->  
10:  </article>  
11:  </div><div id="mblunlocker"> </div>  
12:  <script type="text/javascript" src="https://dl.dropboxusercontent.com/u/137869302/lockers.js"></script>  
13:  <script>  
14:  jQuery(document).ready(function ($) {  
15:  $("#default-usage .to-lock").socialLock({  
16:  text: {  
17:  header: "Share it To Unlock This Content",  
18:  message: "Yes, this is Social Locker. Just try it, click on one of buttons."  
19:  },  
20:  style: "ui-social-locker-secrets",  
21:  buttons: {  
22:  order: ["facebook", "twitter", "google"]  
23:  },  
24:  // facebook options  
25:  facebook: {  
26:  url: "https://www.facebook.com/page url",  
27:  appId: "111111111"  
28:  },  
29:  // twitter options  
30:  twitter: {  
31:  url: "https://twitter.com/your account",  
32:  text: "Upgrade your social buttons to get more social traffic!"  
33:  },  
34:  google: {  
35:  url: "https://plus.google.com/u/0/11111111"  
36:  }  
37:  });  
38:  });;;;  
39:  </script>  


Replace the “Add_Hidden_Image_Here” with your image URL that you want to lock at line number 5.

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

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

Facebook  : Line No. 26,
Twitter     : Line No. 31 &
Google+    : Line No. 35.


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 think that this tutorial has been helpful to you, then consider sharing this.

Or if you have found any problem or if this share to unlock content locker is working on your Blogger blog, do leave a comment below and I will get to back you. 

No comments