Add Social content Locker in Blogger with Easy Way

Overviews of Social content locker For Blogger Blog:

Social Content Locker is a javascript that is fully designed for your blogger blog spot for getting more likes and share or follower of your content or article on social media website. With the help of content locker of social media, you can increase likes and proportion of your facebooks like page and twitter, google plus likes and shares. Just follow given method and apply it on blogger. Hi, friend, today am going to show you how to add social content locker into your Blogger Blogspot. So now here in this time, I am going to telling you that ” how to add Social Content Locker into blogger. Or social content locker for Blogspot. It consists on getting given Facebook like of page or post share or likes, Twitter shares, Google Plus and share. As will as much more. It is the straightforward and useful method for getting more like and proportion of your post and Facebook page. So, friends, it is an excellent way of increasing your post value into Google ranking eyes and also improve your blog reputation in the blogging field. It is the gorgeous way to adding a content locker in Blogger post. Be ready and try to open your eyes and follow these simple steps that are given below.

Note: This social content locker is just for your Blogger Blogspot domain. It is working perfectly on blogger blog spot. So if you convert your blog spot into a custom domain, then it will not function properly. So keep it into your mind it is working 100% just on blogger blog spot not on custom field as like

How to install or add social content locker into blogger?

  1. First of all, you need to Login into your blogger account.
  2. Select your Blog where you want to add the social content locker.
  3. Click on “Template” and then click on “Edit HTML.”
  4. Find or  Search by keyboard shortcut keys like Ctlr+F  and locate the Tag <head>  when you on the head tag then you need to
  5. Paste this given below single line Under the starting <head> tag.
  6. <script src=’’ type=’text/javascript’/>
  7. Now once again search closing head tag by pressing keyboard shortcut keys Ctrl + F and find out Closing head take that looks like </head> and then copy all the given below code and paste above on closing tag </head>. And Save your Template.

Note:  Given below code is arranged with my information so you can change it by your own.

 [stextbox id=”grey”]<!–How to add social content locker into Blogger code Start–>
<link href=’’ rel=’stylesheet’/>
<script src=’’ 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”]},
twitter: {url:”“},
facebook: {url:”“},
google: {url:”“},
text: {header: “Like us To Unlock This Content”,
message: “This content is locked. Like us on Twitter, Facebook or Google plus to unlock it.” },  locker: {close: false, timer: 0,},
theme: “secrets” });});  //]]></script>
<!–How to add social content locker into Blogger code end–>

  1. After adding this above code on the high “above” the Closing Head tag </head> and Save your Template.
  2. Oh, Bit’snot enough tow more steps required ok.

Additional Customization:

  1. Now change your Facebook, Twitter, and Google Plus username with you by hitting Green Color.
  2. Are you want to get just post like not facebook page then follow given method.?

So friend all the above setting is just for your Facebook as a page. So if you want to get your post like just. Then you need to change it as you want. So just follow given below method.
Copy given below code and then replace it with your Facebook Like page URL  as like give this line.” ” It is my facebook like page URL.  Now you can replace it by given code. And start getting every post likes. And increase a value of your post or page into Google ranking.

 <div class=’fbwolo’> <iframe allowTransparency=’true’ expr:src=’&quot;//; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&quot;’ frameborder=’0′ scrolling=’no’ style=’border:none; overflow:hidden; width:80px; height:21px;’/></div>

How to add content locker into every new or old Blogspot post which you want:

  1. It’s the last step friend after doing this you will get a magic with your blogger post. 😀
  2. So it is the last step for you.
  3. So just add these code that is given below. Where you want to show content locker into your post.
  4. Copy given below code and then go to your Post where you want to add then click on HTML Section and Paste it and add your content between this line “– Add here you want to Hidden Content Starts  as like Image, Download links or more- Note: You can also add your Image, photos, and download button to open whenever a user like, share or gave you GPlus” and then publish your post. Now reload your post now you will see its working.

<article id=”default-usage”>
<div class=”to-lock” style=”display:none;”>
— Add here you want to Hidden Content Starts  as like Image, Download links or more–


Note: This social content locker is worked on different blogger template not all over blogger themes or template so keep in mind when you install, and check either your model support social locker or not?
If it is not shown then, try to open your blog post on different PC. Becuase it is the just issue of your cookies and cache of your browser. So don’t worry about it. Now you will be able to get each of everyone post or article of likes, shares after adding above code into every post. As I have mentioned you. If you want to say Thanks then, please share this post with friends and Family on facebook, twitter, google plus, linked in, tumbler, StumbleUpon, WordPress and so on. And gave me feedback within comments.

Add Social content Locker in Blogger with Easy Way


  1. kanaylal 19/07/2016
    • JavedIsaac 19/07/2016
  2. hack clash of clans 30/01/2017

Leave a Reply

two − 1 =