How to Create a Social Content Locker in Blogger Blog

How to create social content locker on blogger blogspot

Blogger is the best blogging platform the world that is owned by Google Inc. Blogger provides its user a free blogging services with many feature that helps making your blog look cool. I know that there we also have WordPress which is biggest competitor of Blogger. One of the best feature blogger give to its users is customization of blog that you can do whatever you need for your blog. Like WordPress feature of social media locker for locking content on blog, You can also create social locker for content on blogger. Most of blogspot user are looking for social locker to lock their content on blogger.

So I have got something to share with those guys looking for plugin or blogger widget which can let them lock their content on blog with social media button. Social content locker is widget for blogspot blogger who want to lock their content with social button. Blogger user can do this by adding simple jquery into HTML editor of blog. Adding locker jquery is not that much difficult even anyone can place it by following steps I mentioned below. There are so many blogs which are providing you a script to create content locker on blogger but I checked few of them which are not working so I did some research and got working script of social locker widget for blogger.

Why to create social content locker on blogger ?

We all knows that half of the world population is live on social media network like Facebook, Google, Twitter, Linkedin and Instagram. If you’re not sharing your content with these millions of people than sorry to say you’re wasting your time on blog. Every blogger works hard to write more content on blog but only few blogger spend time permoting their content with peoples on social network . Sharing content on social media platforms increase traffic or ranking of your blog. So creating social locker for content on blogger with some popular social button will help your gain more follower on social networks.

How to create social content locker on blogger

What is use of adding social content locker ?

Lets start with making it easy to consume, Social content locker is a widget for blogger to lock content from being viewed by reader until they click on social button which we have placed with our locker widget. In simple line, Social locker let you hide your content or paras until readers click on one of social media icons.

How do social content locker increase engagement on blog ?

Whenever readers click on your social button of locker which you have added on your content then your post is shared by that readers with their contacts that mean you’re blog are exposing to more readers. When your blog is shared by your readers then your engagement rate goes up which is good thing for any blog.

How to Create a Social Content Locker in Blogger Blog ?

There are many codes of jquery which can help create content locker for your blog but sometime few codes works and sometime code does not work due to some error and mispelled/misplaced of jquery. You should keep in mind that this script is going to work for you only when you add it in right way as we mentioned. Lets create social locker for content on blogger.

You May Like :

5 Factors Effecting Blog Bounce Rate

Tips To Write SEO Friendly Blog Posts

1. Go to your blog dashboard and click on ” Template “.

2. Click on “Edit HTML” and search for </head> .

How to create social content locker on blogger
3. Now add the following jquery above </head> .

You May Like :

How to Add Nofollow To Any Link ?   

How to use Custom Permalink in Blogger (A-Z Steps) ?

How to Redirect Old URL to New URL in Blogger?

Note : If you have jquery library in you template then you do not need to paste this lines of script in your blog template.

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

4. After adding jquery in template, You need paste more lines of script which is given below to create social locker for content on blogger.

How to create social content locker on blogger and blogspot
5. Now search for </head> once again and paste following jquery below the </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“,”Linkedin-share”]},
twitter: {url:”“},
facebook: {url:”“},
google: {url:”“},
Linkedin: {url:”“},
text: {
header: “Like us To Unlock This Content“,
message: “This content is locked. Like us on Facebook, Twitter, Google plus or linkedin to unlock it.”
locker: {close: false, timer: 0,},
theme: “Secret Diary”

6. Before pasting above code, You need to change or replace few line in script that is Lines of script to change with your link to social media account :

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

Changed lines of script :

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

7. Once added this jquery in your template, then next move is create social content locker for your content.

You May Like :

Best Free Blogging Platforms & Websites

7 Things you should know before starting a tech blog

8. To create social locker within your blog post, copy line of script given below and paste them into HTML tab of blog post.

9. You need to add below code in your HTML option of blog post to create social locker in your content on blogger.

Note : You have to paste this code every time whenever you want to show social locker in your content.

10. Do not only paste this code in HTML editor of your blog post. But you also have to replace ” ADD YOUR CONTENT HERE ” with your content where you want to show social locker to readers.

You May Like :

WordPress or Blogger : Which One is Better ? 

How to Choose a Right Domain Name For Business ?

This is how I created social locker and locked content on blogger with social buttons. And I’m sure that this steps will also help you locking your content too. Now create social content locker for your own blog. If in case you face any problem then let us know below in the comment.

Hey There !
I’m Ravinder Dande a Blogger from Chandigarh, India. I started Blogail to help newbie Blogger and provide them best Tips and Tutorial on Blogging , SEO and Web Hosting .

Share On Facebook
Share On Twitter
Share On Google Plus
Share On Linkedin
Share On Pinterest

You may also like


  1. Good post, Ravinder! I couldn’t first believe that it was possible in blogger and that too via coding. Adopting the same method in WordPress can do wonders.


  2. Simply awesome thing for posting or sharing the social content because most of the business people are making their deal with the social medias only. So there we have to make our presence by exposing what we are focusing and all.

Leave a Reply

Your email address will not be published. Required fields are marked *