What is Share to Unlock Download Link?
Mostly people prefers to conduct keep "Share to unlock content" plugins because bulk of users merely reads your content in addition to leaves your site without sharing it on their social accounts.
With content lockers or part to unlock plugins, you lot forcefulness or inquire your users to part your content on social networking sites similar Facebook, Twitter or Google+ to larn access to the amount content or a exceptional downloading link.
Step#1: Install Share to Unlock Download Link
The rattling kickoff matter you lot demand to practise is to take a backup of your Blogger template, merely to endure on condom side if anything goes wrong. To install Share to unlock download link plugin inward your Blogger site, delight follow the below instructions correctly:
- Go to Blogger >> Template >> Edit HTML.
- Make for sure that your template has a updated version of jquery.min.js file, We demand your version to endure 1.10.2 or greator. If your template does non conduct keep this file in addition to thence search for <head> in addition to merely below it glue the next code: (Note: Make for sure at that spot is entirely one jquery.min.js file because having multiple jquery files amongst drive it non to run).
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
- Now inward the template codes, search for </body> tag in addition to merely higher upwardly it glue the next JavaScript code:
<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({
condition : true,
xfbml : truthful
});
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);
provide window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
}(document, "script", "twitter-wjs"));
twttr.ready(function (twttr) {
twttr.events.bind('tweet', component (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);
})();
component plusOned(obj){
console.log(obj);
$.event.trigger({
type: "pageShared",
url: obj.href
});
}
/* Listen for the pageShared effect */
$(document).on('pageShared',function(e){
if(e.url == window.location.href){
$(".secret").show();
$(".secret-share").hide();
}
});
//]]>
</script>
<style>
.secret {
text-align:center;
display:none
}
.secret-share {
padding: 20px;
text-align: center;
border: 3px corporation #ddd;
background: #f8f8f8;
}
a.download-btn {
text-transform: uppercase;
font-size: 22px;
background: #7b7b7b;
padding: 10px 20px;
display: inline-block;
border: 1px corporation #000000;
text-decoration: none;
color: #fff;
}
.secret-share .fb-like {
margin-top: 0;
top: -7px;
position: relative;}
.secret-share .twitter-share-button {
margin-right: 25px;
}
</style> - Now 1 time you lot conduct keep pasted the codes correctly, press "Save Template" button. After doing this, you lot conduct keep successfully installed the part to unlock download clit plugin inward your Blogger template.
Step 2: Add Share to Unlock Download Link inward Posts:
To exhibit part to unlock download clit inward your posts, follow the below instructions correctly:
- Go to Blogger >> Add a New Post.
- Now inward the blogger postal service editor, revert to the HTML tab in addition to glue the next code inward the HTML code editor:
<div class="secret">
<a class="download-btn" href="#">Download</a></div>
<div class="secret-share">
<p>Share via Facebook / Twitter / Google Plus to run into Link Download</p>
<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="mybloggerlab" 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>
Replace # amongst your downloading link. If you lot conduct keep around coding noesis you lot tin customize it fifty-fifty farther every bit per your needs.
Once everything is done, Publish your postal service in addition to you're done. Now the download link volition entirely seem when users volition either part your content on Facebook, Google+ or Twitter.
If you lot similar this plugin in addition to thence delight permit us know what are your thoughts almost it inward the comment department below.
No comments:
Post a Comment