How To Create Social Content Locker And Increase Your Social Media Followers For Blogger Blogs

Blogger is one of the best blogging platform in 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. 

But there is also WordPress which is the 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 we decided to share these with  you guys looking for blogger widget which can let them lock their content on their blog with social media button. There is a Social content locker widget for blogspot bloggers who want to lock their content with social button. 

Bloggers user can simply do this by adding a jquery into HTML editor of blog. Adding locker jquery is not that much difficult even anyone can place it by following steps i would 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 a big portion 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 then you can't make it in blogging. 

Every blogger works hard to write more content on blog but only few blogger spend time promoting their content with peoples on social network . Sharing content on social media platforms increase traffic and 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.

This is how the locker looks like ⇓

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 some few codes works while some codes does not work due to some error, mispelled/misplaced of jquery. 

But what You should keep in mind that this script is going to work for you only when you add it in right way as we would mention. 

So Lets create social locker for content on blogger.

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

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

3. Now add the following jquery above </head> .

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=’ https://code.jquery.com/jquery-1.10.2.min.js ‘ type=’text/javascript’/>

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

5. Now search for </head> once again and paste following jquery below the </head>.

<link href=’ https://sites.google.com/site/menightfury/home/social-locker/public/sociallocker_v1.6.0.css ‘ rel=’stylesheet’/>
<script src=’ https://sites.google.com/site/menightfury/home/social-locker/public/sociallockermin_v1.6.0.js ‘ type=’text/javascript’/>
<script type=’text/javascript’>
//<![CDATA[
jQuery(document).ready(function ($) {
$(‘#default-usage .to-lock’).sociallocker({
buttons: {order:[“facebook-like“,”twitter-tweet“,”google-plus“,”Linkedin-share”]},
twitter: {url:”http://twitter.com/wiredtech“},
facebook: {url:”https://facebook.com/wiredtech“},
google: {url:”https://plus.google.com/wiredtech“},
Linkedin: {url:”https://linkedin.com/wiredtech“},
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”
});
});
//]]>
</script>

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:”http://twitter.com/wiredtech“},

facebook: {url:”https://facebook.com/wiredtech“},

google: {url:”https://plus.google.com/wiredtech“},

Linkedin: {url:”https://linkedin.com/wiredtech“}, 

Changed lines of script :

twitter: {url:”http://twitter.com/YourAccount“},

facebook: {url:”https://facebook.com/YourAccount“},

google: {url:”https://plus.google.com/YourAccount“},

Linkedin: {url:”https://linkedin.com/YourAccount“},

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

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 just paste this code in HTML editor of your blog post, you also need to replace ” ADD YOUR CONTENT HERE ” with your content where you want to show social locker to readers.

This is how to create social locker and lock your content on blogger with social buttons. And I’m sure that this steps will also help if followed properly to lock your content and gain more social media followers. 

Now create social content locker for your own blog. If in case you face any problem then let us know below in the comment.