How To Add Together A Portion To Unlock Download Link Inward Blogger
What is Share to Unlock Download Link?
Mostly people prefers to guide keep "Share to unlock content" plugins because bulk of users simply reads your content in addition to leaves your site without sharing it on their social accounts.
With content lockers or percentage to unlock plugins, yous forcefulness or inquire your users to percentage your content on social networking sites similar Facebook, Twitter or Google+ to instruct access to the amount content or a exceptional downloading link.
Step#1: Install Share to Unlock Download Link
The real commencement matter yous demand to practise is to take a backup of your Blogger template, simply to last 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 certain that your template has a updated version of jquery.min.js file, We demand your version to last 1.10.2 or greator. If your template does non guide keep this file thus search for <head> in addition to simply below it glue the next code: (Note: Make for certain at that spot is alone 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 simply higher upwards 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);
supply window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
}(document, "script", "twitter-wjs"));
twttr.ready(function (twttr) {
twttr.events.bind('tweet', business office (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);
})();
business office plusOned(obj){
console.log(obj);
$.event.trigger({
type: "pageShared",
url: obj.href
});
}
/* Listen for the pageShared resultant */
$(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 in ane trial yous guide keep pasted the codes correctly, press "Save Template" button. After doing this, yous guide keep successfully installed the percentage to unlock download clit plugin inward your Blogger template.
Step 2: Add Share to Unlock Download Link inward Posts:
To demo percentage 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 yous guide keep or thus coding cognition yous tin plough over the sack customize it fifty-fifty farther equally per your needs.
Once everything is done, Publish your postal service in addition to you're done. Now the download link volition alone look when users volition either percentage your content on Facebook, Google+ or Twitter.
If yous similar this plugin thus delight permit us know what are your thoughts close it inward the comment department below.
Baca Juga
Post a Comment
Post a Comment