How To Install Social Content Locker in Blogger?

Q:   How To Install Social Content Locker in Blogger?


Just copy that code and goto blogger and search </head>

and paste there

just goto blogger.com
and goto templates setting and just press button proceed.

then paste that code /head>

<link href='https://dl.dropboxusercontent.com/u/137869302/lockercss.css' rel='stylesheet' type='text/css'/>

and just do that and goto new post and follow

<article id="default-usage">
<div class="to-lock" style="display: none;">
        
<!--Hidden Content Starts (You can Use HTML BELOW)-->
 
<div style="text-align: center; margin-bottom: 20px;">
<img src="Add_Hidden_Image_Here" alt="" style="margin: auto;" />
</div>
 
<div style="text-align: justify">
Add Your Hidden Text Here
</div>
 
<!--Hidden Content Ends (You can Use HTML ABOVE)-->
</div>
 
</article> 
<div id="mblunlocker"> </div>
<script type="text/javascript" src="https://dl.dropboxusercontent.com/u/137869302/lockers.js"></script>
  
<script>
jQuery(document).ready(function ($) {
$("#default-usage .to-lock").socialLock({
 
text: {
header: "Share it To Unlock This Content",
message: "Yes, this is Social Locker. Just try it, click on one of buttons."
},
 
style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"]
},
 
// twitter options
twitter: {
url: "http://www.ihkanwal.blogspot.com/",
text: "Upgrade your social buttons to get more social traffic!"
},
 
// facebook options
facebook: {
url: "http://www.facebook.com/ihkanwal",
appId: "408184442589211"
},
 
google: {
url: "http://www.ihkanwal.blogspot.com/"
}
});
});;;;
        
</script>