How to install the latest content locker on your blog

Bantu KLIK iklan ini gan!!!!

It's an awful lot of blog blog yaang give this tutorial, but the trick this time is a little different, because we are going to make it lighter than the previous ones.

the purpose of the installation content locker is like collecting as many as the number in order to make our blog more in priority by search engines.

the workings of the button itself is very simple, every visitor who wants to download content on your blog, then the visitor should give like in advance in order to be able to see the download link.

If you've set it up so it looks like this will be

Here's how to install content locker on your blog

1. to hide an object or content we require jquery. Therefore please copy and paste the code below right above code</head>.

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

2. then locate the code ]]></b:skin> or </style> or use CTRL + F to search. Once you found it copy the code below and pastekan right on top of it.

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

3. the following is the code to display the buttons like, do I just copy the code below, then paste it right above the code </body>.

<script type='text/javascript'>
//<![CDATA[
/* Facebook */
(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 you find the code that may be similar to the above code then replace the code for pairing content locker should first backup your template so that it does not happen that are not in want.
for the installation is finished.

Here's how to call the code through your postings.

to call code that we can use the code below. do I open HTML postings passage then copy and pastelah the code below and replace "YOUR CONTENT HERE" with the content belong to you that will be hidden.

<div class="secret">
YOUR CONTENT HERE</div>
</div>
<div class="secret-share">
Bagikan melalui Facebook / Twitter / Google Plus untuk melihat Link Download

<span class="fb-like" data-layout="button_count" data-send="false" data-show-faces="false" data-width="90" expr:data-href="data:post.url" style="margin-right: 25px;"></span><a class="twitter-share-button" data-count="horizontal" data-related="" data-via="kangismetdotnet" expr:data-text="data:post.title" expr:data-url="data:post.url" href="http://twitter.com/share">Tweet</a><span class="g-plusone" data-callback="plusOned" data-count="true" data-size="medium" expr:data-href="data:post.url"></span></div>

how a friend blogger? have you managed to set it up, if it doesn't work try searching the location of faults use the buttons ctrl + z to go back if you find difficulties you can ask through the comment box below or via conact form that I provide. Thank you for reading my article, I say good luck in your career.

Bantu KLIK iklan ini gan!!!!