Breaking News
Loading...
Monday 23 November 2015

How to Add Social Content Locker to Blogger Blogspot

November 23, 2015
Hi, friends I have a fantastic tip about Bloggers that ' how to Add Social Locker to Blogger '. So if you searching for this term and tips then you are on the right way of your effort. Basically, we add Locker to a link or any other something that we want to first share it or like and then visitors can see or can download. So also I add these link locker to my own posts as you can see at my most posts in this Online Urdu Point blog.
How to Add Social Content Locker to Blogger
So this blogger content locker will help you to increase your websites share and likes with social media conversions. So this is good for those bloggers who give free downloads to their visitors. so if you are giving free software or any other programs on your site/blog to your visitors, then you should add this Social Locker to your Blogspot blog which your visitors will share your site/blog and you will get a big amount of traffic to your blog.

So you should check this Content locker below!




So try that how it could unlock and your visitors will unlock your lock link as above locker. Simply, that when any of your visitor like or share your blog or social profile link to her/his on facebook, then your link will unlock to him.

How to Add Social Link Locker to Blogger

First of all, go to your Blogger dashboard > Edit Html. Now find there that jQuery library is included in your blogger template or not. if not then just copy this code and paste it at just above the </head> tag.
<script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>
Note :- if you have already this code in your blogger then don't paste it again in your blogger template.

Now add the following content locker code to your blogger Html code just below from </head> tag.
<link href='https://7475c86c7b904ff243d5e5053fa73033884596a6.googledrive.com/host/0B9yW-IonjS65T0N0V1ltazF6SEE' rel='stylesheet'/>
<script src='https://0fbf35074d8fc72d66d79874501738c32737dc58.googledrive.com/host/0B9yW-IonjS65UGFwbWpxUlc5MFk' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function ($) {
$('#default-usage .to-lock').sociallocker({
buttons: {order:['facebook-share','twitter-tweet','google-share']},
twitter: {url:'Your Twitter Account url'},
  facebook: {url:'http://www.Facebook.com/PcTutorialsFree'},
  google: {url:'https://plus.google.com/101773530592202667077'},
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: "flat"
});
});
//]]>
</script>
 So now you should just change the yellow color URLs with your own Blog URL or your social accounts Url for sharing or liking.
You can change the action of social media that whether you are want to make your content action sharing or just your visitors can like your site/social media account to unlock that link, So this onto you that how you change it.
Simply change the purple color action with sharing. For example, if you want to just people can plus one your google account then just simply change it to google-plus and you can change your facebook share button to facebook-like so then people will like your facebook page.

Now if you have added the codes to your blogger Html then now add some other codes to your every posts and link which you want to lock on your individual posts.

Simply go to your blogger post Html tab and paste the following code.
<article id="default-usage">
<div class="to-lock" style="display: none;">
You Locking Contents goes here
</div> 
</article> 
The last words:> 
If you faced any problem related to this Content Locker then Comments will be appreciated. 
 
Toggle Footer