How to Create a Social Content Locker in Blogger Blog

Do you want to increase your social media subscribers? If yes then social content locker might be useful for you.But the problem is there is no plugin in blogger like WordPress.So we need to add Social Content Locker manually by adding some code to blogger template.Let's start.....


What is Social Content Locker?

Social content locker allows you lock some part of your blog content.That part will not be visible until a user clicks on the social locker button(Facebook Like, Tweet, Google+).

When a user clicks on those buttons you will get more tweet, shares, facebook like etc that gives you huge exposure.

We all have added a social share widget to share our post but we not get enough Likes, Shares ...because there is no valuable reason to share your post.

But after adding this widget you will get a good number of shares, likes etc...
So now without wasting your time I am going to introduce you with Social content Locker Widget.

Here is the way to Add Social Content Locker in Blogger blog.

How To Add Social Content Locker On Blogger:

Step 1: First, Open Theme section in your blog.

Step 2: Now click on Edit HTML and find </head> in your template(Press Ctrl+F to search).After searching </head> place the below code before </head>.

<script src=’’ type=’text/javascript’/>

Step 3: Now place the below code above </head>

<link href=’’ rel=’stylesheet’/>
<script src=’’ type=’text/javascript’/>
<script type=’text/javascript’>
jQuery(document).ready(function ($) {
$(‘#default-usage .to-lock’).sociallocker({

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

twitter: {url:”“},
facebook: {url:”“},
google: {url:”“},

text: {
header: “Like us To Unlock This Content“,
message: “This content is locked. Like us on Facebook, Twitter or Google plus to unlock it.”

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

theme: “secrets”


Step 4: Replace below links with your own links-

Step 5: Now you have completed setup process.To lock your blog post content just add below given code in your HTML blog post editor.

<article class=”socialLocker”>
<div class=”to-lock” style=”display:none;”>

Step 6: Now replace ADD YOUR CONTENT HERE with your post content.
You have done your work now publish your article.From now if your reader want to see hidden content they need to like or share your post.

I hope this post will help you to gain some social subscribers and if you face any difficulties to add social content locker to your blog post then drop a comment in comment box.....
So now share this article....

Subscribe to Newsletter & Get Latest Post Updates

1 comment: