Add Social content Locker in Blogger with Easy Way

Overviews about Social content locker:

Social content locker is a javascript that are fully designed for your blogger blogspot for getting likes and share of your content or article on social media website. With the help of content locker of social media you can increase likes and share of your facebook 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 is consist on getting given Facebook like page or post share or likes, Twitter shares, Google Plus and share. as will as many more. In to your Blogger. It is very easy and useful method for getting more like and share of your post. So friends it is a great way to increasing your post value into Google ranking eyes and also increase your blog reputation in blogging field. It is very beautiful way to adding content locker in Blogger post. Be ready and try to open your eyes and fallow these simple steps that are give below.

Note: This social content locker is just for your blogger blogspot domain. It is working perfect on blogger blogspot. So if you convert your blogspot into custom domain then it will be not work properly. So keep it into you mind it is working 100% just on blogger blogspot not on custom domain as like www.javedisaac.com

How to Do this:-

1:- First of all you need to Login into your blogger account.
2:- Select your Blog where you want to adding social content locker.
3:- Click on "Template" and then click on "Edit HTML".
4:- Find or Search by keyboard shotcut keys like Ctlr+F and find the Tag <head> when you on head tag then you need to Paste this given below single line Under the starting <head> tag.

<script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>

5:- Now once again seach closing head tag by pressing keyboard shortcut keys Ctrl + F and find out closing head take that are look like </head> and then copy all the given below code and paste above on closing tag </head> Now it is read for used now save your template and open your post where you have apply. I hope it will be work on your blogspot domain.
Note: Given below code is arranged with my own information so you can change it by your own.

<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"]},

twitter: {url:"http://twitter.com/onweb.nandu"},

facebook: {url:"https://www.facebook.com/onweb.baba4g"},

google: {url:"https://plus.google.com/+baba4gIn"},

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>

After add these above code on the above Closing Head tag </head> and Save your Template

Additional Customization :-

If you want to adding your own information about Twitter, Facebook like page, and google plus share Page then you need to change with given color like or user name with your own profile or facebook like page url.

Are you want to getting just post like not facebook page then follow given method.

So friend all the above setting are just for your facebook like page. So if you want to getting your post like just. Then you need to change it as you want. So just follow given below method.
1:- Copy given below add code and then replace it with your facebook like page as like given this line." https://www.facebook.com/javedisaac " It is my facebook like page url. Now you can replace it by given code. And start getting each and every post likes. and increase value of your post or page into google ranking.

<div class='fbwolo'> <iframe allowTransparency='true' expr:src='"//www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:80px; height:21px;'/></div>

How to add content locker into Each and every new or old blogspot post which you want:

So it is a last steps for you. so just add these code that are give below. Where you want to show conetent locker into your post. Copy given below code and then goto your Post where you want to adding then click on HTML Section and Paste your content under between these lines 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--

</div></article>

If it is not show then try to open your blog post on diffent PC. Becuase it is just issue of your cookies and cache of your browser. So don't worry about it. Now you will be able to getting each of everyone post or article of likes, shares after adding above code into every post. as i have mention you. If you want to say Thanks then, please share this post with friends and Family on facebook, twitter, google plus, linkedin, tumbler, stumbleupon, wordpress and so on. and gave me feedback within comments.

BaBa-4g(online Learning Center)

Readers online

Change language