How To Create Social Content Locker In Blogger Blogs

Your ads will be inserted here by

Easy Plugin for AdSense.

Please go to the plugin admin page to
Paste your ad code OR
Suppress this ad slot.

Blogger is a famous and largest free blogging platform. Blogger have lots of features which help us to develop and create an amazing blog. No doubt few years back their was lot of difference between WordPress and blogger. As we can use WordPress as self hosted so it was more flexible because many plugins are available in market. But Now Blogger introduce many features which help to design an amazing blog. Blogger is part of Google Inc. So all the blogs are hosted on Google servers. So we don’t have direct access to database. That’s why which can do major changes in our blog. We can design our blog in blogger as we want to do We can design SEO friendly, responsive and different layout designs. I already listed many best responsive blogger templates

How To Create Social Content Locker In Blogger Blogs
So today i am going to introduce another advance gadget for blogger users that is Social Content Locked Widget.  By using this widget we can lock any of the content in our blog post with social icons. This plugin is basically consist of Jquery. There are many different styles available for this widget. We can change icons, style as we want to do. But the main purpose of this plugin is only content locking with social button. So here is the way to Add Social Content Locked Widget In blogger blog.

Method To Add Social Content Locker To Blogger

  • First of open your blogger blog and then visit to template Section.
social content locker for blogger edit template
  • Click on Edit HTML >> In template coding search with Ctrl+f  for </head> code.
  • After searching </head> code paste below given jQuery just above the code we had searched. If the same jQuery library is available there then don’t need to paste jquery again.
 <script src=’’ type=’text/javascript’/>
  • After installing jquery now we need to add codes for Social content locker which are given below.
  • Copy the below given code and paste them just below </head> Which we had searched in previous step.

<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:”“},

Your ads will be inserted here by

Easy Plugin for AdSense.

Please go to the plugin admin page to
Paste your ad code OR
Suppress this ad slot.

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: “dandyish


Customizations For Social Content Locker

After Pasting all the above given codes now you need to do little bit customization Which are as following:-

  • Replace the codes by matching color codes given to text in coding and also in below settings.
  • To Change Order of Button Simple The Values With each other.
  • Simple change the button and their order if you want.
  • Now Replace The URL With your own Yours
  • After Replacing URLs Next step is to replace text for heading and message which will appear on your social locker.
  • Further Step is To Change the Theme of Social Content Locker.
theme: “dandyish
  • From the above codes replace the value for theme with below given codes.


How To Add Social Content Locker Into Blog Post

  • After adding and replacing values for all the above given codes successfully.
  • To add social locker within your blog post, copy below code and paste them into HTML tab of blog post.
<article id=”default-usage”>
<div class=”to-lock” style=”display:none;”>
social content locker for blogger in blog post
  • Now Replace the  the – ADD YOUR CONTENT HERE – code with the text, URL, image, video or anything which you want to place behind the social locker.
  • Now Publish your article and see Social locker working live. If anyone want to access locked content He or she have to share on any of the listed network below accessing content.
I hope you enjoy this article and also like Social Content Locker for Blogger. If you face any kind of difficulties while implementing above given codes feel free to ask me in comment.

Check Also

Book FREE Hotel rooms in Dubai, UAE

Your ads will be inserted here byEasy Plugin for AdSense.Please go to the plugin admin …

WhatsApp users urged to watch out for phishing scams, Whatsapp Hacked & Blocked !!!

The Singapore Police Force is warning citizens who use the popular messaging app WhatsApp to …