How to Add Social Content Locker or Share To Unlock In Blogger

How to Add Social Content Locker or Share to unlock in Blogger

Hi friends,
You have a blogger blog with awesome content with your readers love but don't show to you because they don't think how traffic is important for a author. You can increase your blog traffic by using this plugin which will boost your social sharing. Using this plugin you can hide some link which can be unlocked by sharing your post on facebook, twitter or google+. By this way your reader will share your page to his/her friends and there friends share it to there friends. This will defiantly bring a huge amount of traffic to your blog.

DEMO:

Installation Code/Script

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>

.secret {text-align:center; display:none}
.secret-share {padding:20px;text-align:center;border:3px solid #ddd}

Step 3 : Attach Script Viewer Button above </body>

<script type='text/javascript'>
//<![CDATA[
/* Social Content Locker by freemag123.blogspot.com*/
(function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/all.js";
     fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));
window.fbAsyncInit = function() {
    // init the FB JS SDK
    FB.init({
      status     : true,                              
      xfbml      : true                                
    });
    FB.Event.subscribe('edge.create', function(href, widget) {
        $.event.trigger({
            type: "pageShared",
            url: href
        });  
    });
};
/* Twitter */
  window.twttr = (function (d,s,id) {
  var t, js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return; js=d.createElement(s); js.id=id;
  js.src="https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs);
  return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
}(document, "script", "twitter-wjs"));
twttr.ready(function (twttr) {
    twttr.events.bind('tweet', function (event) {
        $.event.trigger({
            type: "pageShared",
            url: event.target.baseURI
        });
    });
});
/* Google Plus */
(function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
function plusOned(obj){
    console.log(obj);
    $.event.trigger({
        type: "pageShared",
        url: obj.href
    });
}

/* Listen for the pageShared event */
$(document).on('pageShared',function(e){
    if(e.url == window.location.href){
        $(".secret").show();
        $(".secret-share").hide();
    }
});
//]]>
</script>

If your template already exists in the code something like that, please remove it and replace it with the code above. Do not forget to backup your template first